使用数组原型切片调用

Question

以下代码（来自 msdn）是“绑定”功能的简单实现：

/* Approximation of `Function.prototype.bind` from ES5 (without error checking) */
Function.prototype.bind = function(thisArg) {
  var fn = this, args = *Array.prototype.slice.call(arguments, 1)*;
  return function() {
     return fn.apply(thisArg, args.concat(*Array.prototype.slice.call(arguments, 0)*));
  };
 };

谁能解释第一次调用 Array.prototype.slice.call 吗？我知道参数不是数组，在使用 slice 和 concat 之前需要将其转换为数组。我不明白第一次调用 - 我们在调用时不是丢失了第一个元素

Array.prototype.slice.call(arguments, 1)?

Answer 1

你是对的。

arguments 的第零个元素是thisArg，这就是它被删除的原因。

Answer 2

根据有关bind 的文档，第一个参数（arguments[0]）是自定义this 值，用作bind 返回的函数中this 的值（“绑定功能”）。

接下来的 (arguments[1] - arguments[n]) 是调用绑定函数时要添加的参数，以及调用时提供的参数。

第一个Array.prototype.slice.call 所做的是对传递给bind 调用的参数进行切片，并从传递的第二个参数开始将参数放在前面，留下第一个参数，即我们的this。

例如

var newFN = someFunction.bind(myNewThis,foo,bar,baz);

第一个Array.prototype.slice.call 采用foo、bar 和baz。

在返回的函数中，foo、bar 和 baz 被添加到调用绑定函数时提供的参数之前：

//fn - original function
//args - extracted arguments foo, bar and baz
//thisArg - the provided `this` value, myNewThis

//this code basically:
// - calls the original function (fn) 
// - provides a custom `this` value (thisArg)
// - provides arguments that comprise the extracted arguments + the passed arguments
fn.apply(thisArg, args.concat(Array.prototype.slice.call(arguments, 0)));

因此，当您使用新的“绑定”函数时，您会得到一个自定义的 this 值，以及一个“预设”的前置参数列表：

newFN('ban','bam'); //arguments === ['foo','bar','baz','ban','bam'];