JavaScript：继承和常量声明

Question

帮助， 我有这个类，

var jMath = {

    pi2: Math.PI,

    foo: function() {
        return this.pi2;
    }
}

我想让 pi2 常量，并且我希望 jMath 从 Math 对象继承。 我怎么做？

Answer 1

哦，有趣的是，从头开始，这是正确的版本：（

function JMath() {
   this.foo = function() {
        return this.PI;
    }
}

JMath.prototype = Math;

var jMath = new JMath();
alert(jMath.foo());

与此处的其他答案相匹配）

（我最初尝试使用“JMath.prototype = new Math()”设置原型，这就是我所看到的其他地方，但上面的作品）

编辑

这是作为单例执行此操作的一种方法

//  Execute an inline anon function to keep
//  symbols out of global scope
var jMath = (function()
{
    //  Define the JMath "class"
    function JMath() {
        this.foo = function() {
            return this.PI;
        }
    }

    JMath.prototype = Math;

    // return singleton
    return new JMath();
})();

//  test it
alert( jMath.PI );

//  prove that JMath no longer exists
alert( JMath );

Answer 2

考虑使用原型：

function JMath() {};
JMath.prototype = {
    pi2: Math.PI,

    foo: function() {
        return this.pi2;
    }
}

var j = new JMath(); 
j.pi2=44; j.foo(); // returns 44
delete j.pi2; j.foo(); // now returns Math.PI

这和@altCognito的答案之间的区别在于，这里对象的字段是共享的，并且都指向相同的东西。 如果不使用原型，则可以在构造函数中创建新的未链接的实例。 您可以在每个实例的基础上覆盖原型的值，如果您覆盖它然后决定不喜欢覆盖值并想要恢复原始值，请使用 delete 删除覆盖只是“掩盖”了原型的价值。

编辑：如果您想继承Math对象本身的所有方法和字段，但在不影响Math对象的情况下覆盖某些内容，请执行以下操作（根据您的喜好更改名称“Constructor1”）：

function Constructor1() {};
Constructor1.prototype = Math;
function JMath() {};
JMath.prototype = new Constructor1();
JMath.prototype.pi2 = JMath.prototype.PI;
JMath.prototype.foo = function() { return this.pi2; }

var j = new JMath();
j.cos(j.foo()); // returns -1

编辑3：解释Constructor1 函数：这将创建以下原型链：

j -> JMath.prototype -> Math

j 是 JMath 的实例。 JMath 的原型是Constructor1 的一个实例。 Constructor1 的原型是 Math。 JMath.prototype 是被覆盖的东西“生存”的地方。 如果您只实现 JMath 的几个实例，则可以将覆盖的内容作为构造函数 JMath 设置的实例变量，并直接指向 Math，就像 @altCognito 的答案所做的那样。 （j 是 JMath 的实例，JMath 的原型是 Math）

在构造函数中增强对象有 2 个缺点。 （实际上不一定有缺点）一是在构造函数中声明实例字段/方法为每个实例创建单独的值。 如果创建大量 JMath 实例，每个实例的 JMath.foo 函数将是一个单独的对象，占用额外的内存。 如果 JMath.foo 函数来自其原型，则所有实例共享一个对象。

此外，您可以在事后更改 JMath.prototype.foo，实例将相应更新。 如果您在构造函数中将 foo 函数作为每个实例的方法，那么一旦创建了 JMath 对象，它们就是独立的，并且更改 foo 函数的唯一方法是更改​​每个对象。

---

编辑2：就只读属性而言，您无法真正从Javascript本身内部实现它们，您需要在表面下进行处理。 但是，您可以声明所谓的“getters”，它实际上充当常量:

JMath.prototype.__defineGetter__("pi2", function() { return Math.PI; });
JMath.prototype.__defineSetter__("pi2", function(){}); // NOP
var j = new JMath();
j.pi2 = 77; // gee, that's nice 
// (if the setter is not defined, you'll get an exception)
j.pi2; // evaluates as Math.PI by calling the getter function

警告：定义 getters/setters 的语法 显然 IE 不能很好地实现< /a>.

Answer 3

用户定义的对象属性不能是常量。 Math（和一些其他对象）是一个特殊的内置对象 - 它具有只读属性和函数。 但它不是一个构造函数 - 它只是一个静态对象（Math.constructor === Object）。

而且由于 JavaScript 具有原型继承，而不是经典继承，因此您不能从 Math 继承。 （在此处阅读更多内容）

但是，您可以做的是定义原型。 当本地找不到属性时，JS 解析器会在当前对象的原型上查找该属性。 altCognito 当前的解决方案很好地证明了这一点。

我很好奇你到底想要实现什么目标。 也许这样的东西就是你想要的？

var jMath = function()
{
    const pi2 = Math.PI;

    this.getPi2 = function()
    {
        return pi2;
    }
}

var j = new jMath;
alert( j.getPi2() );