1

我的理解是，如果对象具有给定成员而不检查原型链，则“hasOwnProperty”返回true。但是当我从其他对象继承时，我会看到最后一个对象本身的所有成员。

考虑以下示例：

var Object1 = function (param) {
    this.prop1 = "p1 " + param;
    this.prop2 = "p2 " + param;
};

var Object2 = function (param) {
    Object1.apply(this, arguments);
    this.prop3 = 'p3' + param;
};

Object2.prototype = new Object1();

var b = new Object2('this is Object 2');

for (var v in b)
    print(v + ": " + b[v] + (b.hasOwnProperty(v)?' (own)':' (inherited)'));

此代码打印：

--prop1: p1 this is Object 2 (own)
--prop2: p2 this is Object 2 (own)
--prop3: p3this is Object 2 (own)

如果我看一下调试器，我会看到：

b
  Object2
    prop1: "p1 this is Object 2"
    prop2: "p2 this is Object 2"
    prop3: "p3this is Object 2"
    __proto__: Object1

但是，我删除了该apply行，一切都更有意义，但是它没有初始化基础对象：

--prop3: p3this is Object 2 (own)
--prop1: p1 undefined (inherited)
--prop2: p2 undefined (inherited)

现在我在调试器中看到：

b
  Object2
    prop3: "p3this is Object 2"
    __proto__: Object1
      prop1: "p1 undefined"
      prop2: "p2 undefined"
      __proto__: Object

据我所知，apply这就像......执行超类构造函数，因此超成员被正确初始化，但显然这会改变子对象的形状。

为什么会这样？在 JS 中继承的正确方法是什么——或者至少不那么混乱？

我正在查看有关它的一些信息，显然每个开发人员对如何做都有不同的感受。

问候。

4

1 回答 1

2

apply一点也不像执行超类构造函数。作为一个构造，它执行第一个提供的参数范围内的任何函数。当您传递给您的函数（您作为函数执行，而不是作为构造函数执行）时，您正在通过执行第二个函数 ( ) 的范围。thisObject1Object2

要查看发生了什么，请尝试Object1("param") 不 new执行以下操作：

Object1("test");

当我们执行时，new Object1("test")我们得到一个如下所示的对象：

Object { prop1="p1 test", prop2="p2 test"}

但是当我们执行时，Object1("test")我们返回undefined...并且在对象上等于this（最有可能window在浏览器 JavaScript 的情况下）我们发现两个新变量 ...prop1和prop2.

发生了什么？

这里的关键是：

Object1("param") !== new Object1("param");

第一个版本 ( ) 在某个已经存在的Object1("param")范围内执行一个函数 ( ) （在浏览器 JavaScript 中，最常见的范围是顶级范围，其中.）。这是您在调用时调用的方式。Object1this === windowObject1Object1.apply(this)

第二个版本 ( new Object1("param")) 将函数作为构造函数执行- 也就是说，它创建一个新对象并设置this为该新对象。如果我们要使用相同的apply函数来演示这一点，我们将编写Object1.apply({});

对于我所见过的关于如何在 JavaScript 环境中进行类似 OOP 的编程的最明确的答案之一，请参阅Bobince对这个问题的回答。

于 2011-09-12T15:54:28.347 回答