JavaScript - 尝试从原型中添加原型

Question

这听起来比应有的容易，但我在尝试解决此问题时遇到了问题。我的情况基本上是，我可以创建一个将使用原型的类（例如：function exClass() {}）。

如果我想添加到类中，我可以使用：exClass.prototype.newMethod() = '';。

那么为什么如果我处于原型“newMethod”中，我就无法再向“exClass”添加新原型了。我的意思的一个例子是： this.prototype.test_var1 = '' - 它失败了，exClass.test_var1 也是如此。

为什么我无法从某个子类中向该类添加更多内容？

Answer 1

对象的原型不是对象上称为prototype的属性。函数上的原型字段是将成为使用该函数创建的对象的原型的对象。对象可以通过构造函数访问创建它的函数的原型。例如，this.constructor.prototype.test_var1 = '' 在大多数情况下都有效。

我之所以说在大多数情况下，是因为许多 JavaScript 引擎都有一个内置的 __proto__ ，它是对象的原型，可以动态修改，但例如 IE 不支持这一点。

在 ES5 中，您可以使用 Object.getPrototypeOf() 可靠地获取原型。例如，您可以在 ES5 中使用 Object.getPrototypeOf(this).test_var1 = '' ，它可以在现代浏览器中工作，但不能在不支持 ES5 的浏览器中工作。

Answer 2

构造函数 exClass 的 prototype 属性与实例的 prototype 属性引用的对象不同exClass 的，这是 this 在 newMethod 中引用的内容。证明：

function exClass() {}
exClass.prototype.newMethod = function() {
    console.log(this.prototype === exClass.prototype); // false
    console.log(this.prototype); // undefined
}

var obj = new exClass();
obj.newMethod();

输出：

false
undefined

更一般地，JavaScript 中的每个对象都有一个原型 object。函数的原型属性指定使用该函数创建的对象类的原型对象。

没有什么可以阻止您从另一个函数中修改函数的原型：

exClass.prototype.newMethod = function() {
    exClass.prototype.anotherMethod = function() {}
}

或者更一般地说：

exClass.prototype.newMethod = function() {
    this.constructor.anotherMethod = function() {}
}

但我不推荐它。

Answer 3

您无法通过 this.prototype 获取对象的父原型。您必须使用 this.constructor.prototype （尽管这会影响该类型的所有对象的行为，在本例中是 exClass）。该片段将提醒“hello world”。

function exClass() {};

exClass.prototype.newMethod = function() {
    this.constructor.prototype.test_var1 = 'hello world';
}

obj = new exClass();
obj.newMethod();
alert(obj.test_var1);