Question

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

为什么我在控制台（浏览器）中看不到任何内容; console.log（） - 方法;不是工作？
这个anonymus-func是如何工作的？

谢谢你的时间！

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 ? :(
}

Answer 1

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

animals[0].print();

使用call调用匿名函数，{{3}}用于在函数体内设置this上下文。因此，当匿名函数使用this时，它实际上是对从外部传入的当前动物的引用。

该函数使用this方法扩充print对象（currnet动物）。仅此一项不会在控制台中显示任何内容。它仅仅意味着已将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方法来获得相同的结果。（这可能是你书中的下一个例子）

这个call（） - javascript中的方法是如何工作的？

1 个答案: