js自己实现一个 bind 函数 ,详细一点

`bind` 函数是在 `Function` 原型上定义的一个方法，它可以用来改变函数的 `this` 指向，并且可以在调用时传入部分参数。

实现一个 `bind` 函数可以分为以下几个步骤：

1. 将要绑定的函数保存下来，这里我们可以使用 `this` 来获取当前的函数。
2. 将传入的参数转换为数组，保存在 `args` 变量中，这里我们可以使用 `Array.prototype.slice` 方法。
3. 返回一个匿名函数，在调用时会将 `args` 中保存的参数和调用时传入的参数合并成一个新的参数数组。
4. 在匿名函数内部使用 `apply` 方法调用原始的函数，并将 `context` 作为 `this` 指向。

下面是一个更为详细的实现：

// 定义 bind 函数
Function.prototype.bind = function(context) {
  // 保存要绑定的函数
  var fn = this;
  // 将传入的参数转换为数组，保存在 args 变量中
  var args = Array.prototype.slice.call(arguments, 1);

  // 返回一个匿名函数
  return function() {
    // 将调用时的参数转换为数组，保存在 bindArgs 变量中
    var bindArgs = Array.prototype.slice.call(arguments);
    // 调用原始函数，并将 context 作为 this 指向，将 args 和 bindArgs 合并成一个新的参数数组传递给原始函数
    return fn.apply(context, args.concat(bindArgs));
  };
};

这里我们在 `Function` 原型上定义了一个 `bind` 方法，它接受一个 `context` 参数，表示要绑定的函数在调用时的 `this` 指向。然后通过 `Array.prototype.slice` 方法将传入的参数转换成数组，保存在 `args` 变量中。

最后返回一个匿名函数，在调用时会将 `args` 中保存的参数和调用时传入的参数合并成一个新的参数数组，然后使用 `apply` 方法调用原始的函数，并将 `context` 作为 `this` 指向。