Question

我想知道是否有人可以帮助我理解 为什么 有必要添加以下内容......

if (!obj.hasOwnProperty(key)) continue;

...在以下方法中：

extend: function(obj) {
  // shallow copy
  for (var key in obj) {
    if (!obj.hasOwnProperty(key)) continue;
      this[key] = obj[key];
  }
}

Answer 1

当您使用for-in循环访问对象属性的名称时，您会看到可强制属性的全部，包括对象从其原型继承的那些属性。看起来实现该方法的人并不想复制从原型继承的属性，因此只包括对象本身直接拥有的属性。

以下是一个例子：

function Thing(name) {
    this.name = name;
}
Thing.prototype.speak = function() {
    console.log("I'm " + this.name);
};
Thing.prototype.infoForAllThings = 42;
var t1 = new Thing("Fred");
console.log(t1.name);             // "Fred"
console.log(t1.infoForAllThings); // "42"
t1.speak();                       // "I'm Fred"
var t2 = extend(t1);              // (Where `extend` is like your function,
                                  // but returns the object rather than using `this`
console.log(t2.name);             // "Fred"
console.log(t2.infoForAllThings); // "undefined"
t2.speak();                       // Error

在上文中，t1从其原型继承了infoForAllThings和speak属性，在创建Thing.prototype时将其设置为t1。但extend函数使用hasOwnProperty来过滤掉这些内容，因此不会将它们复制到它创建的副本中，因此它们不会存在于t2上。 t2已name，因为已将直接分配给对象，但它并非来自原型，但其他来自原型，所以不要复制。

在Javascript中编写扩展方法

1 个答案: