javascript - javascript 中的 this.a() 与 a.call(this)

Question

<分区>

Answer 1

当您可以执行 this.a() 时，请不要使用 a.call(this)，这会使事情更难理解，并且您不会获得 AFAIK通过这样做...

call和 apply当你想使用来自另一个“类”的方法但带有你的 this 参数时很有用，例如:

var nodes = document.querySelectorAll('a') ;
Array.prototype.forEach.call(nodes, callback) ;

您不能使用 nodes.forEach 因为 nodes 是一个 NodeList 而不是 Array 因此没有 forEach 方法，但您可以执行上述操作。

call 的另一个用途是当您想要在回调方法上强制执行 this 实例时(例如，当您创建插件时)。

plugin.doSomething ('#id', function () {
    // I would like 'this' to reference my HTMLElement here
}) ;

所以在 doSomething 中你可以做这样的事情:

function doSomething (selector, callback) {
    var e = document.querySelector (selector) ;
    // Whatever... 
    callback.call(e) ;
}