1

我正在学习 Javascript 中的 call() 方法并试图理解这个 ex。现在我的问题是：

  • 为什么我在控制台（浏览器）中看不到任何内容；console.log() 方法；不管用？
  • 这个匿名函数是如何工作的？

谢谢你的时间！

var animals = [
  {species: 'Lion', name: 'King'},
  {species: 'Whale', name: 'Fail'}
];

for (var i = 0; i < animals.length; i++) {
  (function (i) {
    this.print = function () {
      console.log('#' + i  + ' ' + this.species + ': ' + this.name);
    }
  }).call(animals[i], i); // I cant understand this anonymus func ? :(
}
4

1 回答 1

1

尝试将此代码添加到示例的末尾：

animals[0].print();

调用匿名函数时使用call它来设置this函数体内的上下文。所以当匿名函数使用 时this，它实际上是从外部获取对当前动物的引用。

该函数this使用一种方法来扩充对象（即 currnet 动物）print。仅此一项不会在控制台中显示任何内容。它仅仅意味着该print方法已被添加到动物对象中。但是您可以使用上面的代码访问对象的此方法。

展开循环，代码有效地执行以下操作：

animals[0].print = function () {
    console.log('#' + 0  + ' ' + this.species + ': ' + this.name);
}

animals[1].print = function () {
    console.log('#' + 1  + ' ' + this.species + ': ' + this.name);
}

理解这个例子的关键是要认识到，如果不使用call，匿名函数中的this引用会自动引用全局window对象。它会用一个方法扩展window对象print，这显然不是我们想要的。

下一步示例是通过向print对象原型添加方法来获得相同的结果。（这很可能是你书中的下一个例子）

于 2012-09-06T19:12:05.170 回答