下划线绑定vs jQuery.proxy vs Native绑定

我在回调中有一些上下文问题。 我用Google搜索并找到了一些选项:

  1. 本机绑定 – 旧浏览器不支持
  2. JQuery代理
  3. 强调绑定

如果我不必支持旧的浏览器,我肯定会使用本机绑定。 这些人应该注意哪些有显着差异?

这些可以用作呼叫/申请的替代方案吗?

call和apply方法调用一个函数。 bind方法返回一个可以用作引用的函数对象(例如,用于回调)。 因此,绑定和调用/应用通常不具有相同的用例。

话虽这么说,MDN在方法规范页面上有一个函数对象的bind方法的polyfill( https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/bind )如果您需要在不支持的浏览器中使用它(基本上IE <8 ......所以在我的书中IE8是我支持的唯一没有本机的浏览器)。

最后,不要因为需要其中一个function而考虑包含整个库。

AFAIK,绑定和代理之间略有不同,如果你使用的是jQuery,这可能很重要。 Function.prototype.bind 始终返回一个新的函数指针。 如果尚未创建相同args的代理,则jQuery.proxy仅返回新函数。 不是你要这样做,但是:

$(elm).on('click', doStuff.bind(thing)); //adds event handler $(elm).off('click', doStuff.bind(thing)); //does not remove event handler as 2nd call of doStuff.bind(thing) always returns a new/different function $(elm).on('click', $.proxy(doStuff, thing)); //adds handler $(elm).off('click', $.proxy(doStuff, thing));//DOES remove handler, as a second call to $.proxy(doStuff, thing) is smart enough to know about similar use-cases //Likewise, if you just passed 'thing.doStuff()' into the $.off() method, it would also work