Javascript 函数使用“this =”给出“赋值中的左侧无效”

Question

我试图让一个 JavaScript 对象使用另一个对象的构造函数的“this”赋值，并假设所有该对象的原型函数。这是我试图完成的一个例子：

 /* The base - contains assignments to 'this', and prototype functions
  */
 function ObjX(a,b) {
     this.$a = a;
     this.$b = b;
 }

 ObjX.prototype.getB() {
     return this.$b;
 }

 function ObjY(a,b,c) {
    // here's what I'm thinking should work:
    this = ObjX(a, b * 12); 
    /* and by 'work' I mean ObjY should have the following properties:
     * ObjY.$a == a, ObjY.$b == b * 12,
     * and ObjY.getB == ObjX.prototype.getB
     * ... unfortunately I get the error: 
     *     Uncaught ReferenceError: Invalid left-hand side in assignment
     */

    this.$c = c; // just to further distinguish ObjY from ObjX.
 }

我很感激您关于如何让 ObjY 将 ObjX 的分配包含到“this”的想法（即不必重复所有 this.$* = *< /code> ObjY 构造函数中的赋值）并让 ObjY 假定 ObjX.prototype。

我的第一个想法是尝试以下操作：

function ObjY(a,b,c) {
   this.prototype = new ObjX(a,b*12);
}

理想情况下，我想学习如何以原型方式执行此操作（即不必使用任何“经典”OOP 替代品，例如 Base2）。

值得注意的是，ObjY 将是匿名的（例如，factory['ObjX'] = function(a,b,c) { this = ObjX(a,b*12); ... }） ——如果我的术语正确的话。

谢谢。

Answer 1

你实际上不能这样做，因为 this 值根据定义是不可变的，您无法以这种方式更改它引用的内容。

解决方法是使用 call 或 apply 方法在 ObjY 的 this 对象中运行 ObjX 构造函数：

function ObjY(a,b,c) {
  ObjX.call(this, a, b * 12); 
  this.$c = c;
}

在上面的示例中，执行了 ObjX 函数更改其 this 值，因此您在此函数中对该对象进行的所有属性扩展都将反映在 ObjY 中 this 值引用的新对象中构造函数。

一旦 call 方法结束，this 对象就会被扩充，您可以进行更多属性扩展，例如添加 $c 值。

编辑：关于原型，您的示例将不起作用，因为 prototype 属性对于对象实例没有特殊含义，它就像任何其他属性一样，应该是用于构造函数。

我认为您可能会将构造函数的 prototype 属性与所有对象都具有的内部 [[Prototype]] 属性混淆。

[[Prototype]] 属性只能由 new 运算符设置（通过 [[Construct]] 内部操作），此属性无法更改，（尽管某些实现，例如 Mozilla 的实现，您可以通过以下方式访问它obj.__proto__;，在 ECMAScript 5 中， Object.getPrototypeOf 方法已经被引入，但我不建议你直接使用它）。

实际上，当执行构造函数时，this 值引用的对象的内部 [[Prototype]] 属性已经设置为其构造函数的 原型 属性。

因此，正如 @Anurag 评论，您可以将 ObjY.prototype 设置为新创建的 ObjX 对象：

function ObjY(a,b,c) {
  ObjX.call(this, a, b * 12); 
  this.$c = c;
}

ObjY.prototype = new ObjX();
ObjY.prototype.constructor = ObjY;

这将使您的 ObjY 也继承添加到 ObjX.prototype 的属性，如您所见，我更改了 ObjY.prototype.constructor，因为上面行中的赋值将使该属性错误地指向ObjX。

推荐文章：

• 构造函数被认为有点令人困惑
• JavaScript 原型继承