2

我正在尝试在 Javascript 中学习更高级的继承方法，但无法弄清楚为什么我的继承对象在下面的 Eloquent Javascript 示例代码中失去了它的“this”关键字绑定。

例如，我尝试使用以下方法调用 take() 函数：

lantern.take(); // alerts you can not lift
Item.take.call(lantern, "the brass lantern"); // alerts you can not lift
lantern.take.call(this, "the brass lantern"); // alerts you can not lift

但是，这些都没有将 this.name 绑定到 lantern 吗？我在调用对象原型中定义的方法的方法中遗漏/不理解什么？谢谢你。

function forEachIn(object, action) {
  for (var property in object) {
    if (object.hasOwnProperty(property))
      action(property, object[property]);
  }
}

function clone(object) {
  function OneShotConstructor(){}
  OneShotConstructor.prototype = object;
  return new OneShotConstructor();
}

Object.prototype.create = function() {
  var object = clone(this);
  if (typeof object.construct == "function")
    object.construct.apply(object, arguments);
  return object;
};

Object.prototype.extend = function(properties) {
  var result = clone(this);
  forEachIn(properties, function(name, value) {
    result[name] = value;
  });
  return result;
};

var Item = {
  construct: function(name) {
    this.name = name;
  },
  inspect: function() {
    alert("it is ", this.name, ".");
  },
  kick: function() {
    alert("klunk!");
  },
  take: function() {
    alert("you can not lift ", this.name, ".");
  }
};

var lantern = Item.create("the brass lantern");
lantern.kick(); // alerts klunk
4

1 回答 1

5

与console.log,不同，alert只接受一个参数。您需要连接字符串：

alert("you can not lift " + this.name + ".");

这样，lantern.take();和Item.take.call(lantern);- 两者都是等效的 - 将警告“你不能举起黄铜灯笼。”，而你的第三个例子取决于当前执行中this关键字的值。顺便说一句，您的take函数不带参数。

于 2012-11-28T19:47:41.293 回答