多次调用bind时this的指向问题

先看题：

var a = { id: "a" };
var b = { id: "b" };
var fn = function () {
  console.log(this.id, arguments);
};

fn.bind(a, 1).bind(b, 2)(3); //输出：a [Arguments] { '0': 1, '1': 2, '2': 3 }

先说结论：

多次调用bind，this指向第一次绑定，参数叠加。

要理解为什么this没有覆盖，我们先尝试实现一个bind的polyfill：

Function.prototype.bind = function (ctx, ...args1) {
  const fn = this;
  return function (...args2) {
    return fn.apply(ctx, [...args1, ...args2]);
  };
};

可以看到，除了第一次bind是直接作用在fn本身，后面的bind实际上都是作用在返回的闭包函数上，因此this指向第一次绑定。