主页 / 问题 / 722165
Accepted
JohnTit
Asked:2020-09-23 19:40:28 +0000 UTC2020-09-23 19:40:28 +0000 UTC

解释下面的函数是做什么的。它可以用来做什么？写一个用例[关闭]

  • 772
function bind(method, context) {
 var args = Array.prototype.slice.call(arguments, 2);
 return function() {
  var a = args.concat(Array.prototype.slice.call(arguments, 0));
  return method.apply(context, a);
 }
}
javascript

1 个回答

  1. Best Answer

    跨浏览器绑定仿真

    JavaScript 中的函数不会以任何方式与它们的 this 上下文相关联，一方面，这很好 - 这允许您尽可能灵活，借用方法等等。

    但另一方面，在某些情况下，上下文可能会丢失。也就是说，我们看似调用了一个对象方法，但实际上它接收到了this = undefined。

    作为 bind(func, context) 调用的结果，我们得到一个“包装函数”，它透明地将调用传递给 func，具有相同的参数，但具有固定的上下文上下文。

    IE8 和其他浏览器的旧版本的 bind 等效项如下所示：

    function bind(func, context /*, args*/) {
  var bindArgs = [].slice.call(arguments, 2); // (1)
  function wrapper() {                        // (2)
    var args = [].slice.call(arguments);
    var unshiftArgs = bindArgs.concat(args);  // (3)
    return func.apply(context, unshiftArgs);  // (4)
  }
  return wrapper;
}

    它是这样工作的（逐行）：

    1. bind 调用将额外的 args（它们来自数字 2）保存到 bindArgs 数组中。
    2. ...并返回一个包装器。
    3. 这个包装器使参数成为一个 args 数组，然后使用 concat 方法将它们添加到 bindArgs（currying）。
    4. 然后它使用上下文和公共参数数组传递对 func 的调用。
    • 3

相关问题