bind 的功能介绍

bind() 方法会创建一个新函数，当这个新函数被调用时，bind() 的第一个参数将作为它运行时的 this，之后的一序列参数将会在传递的实参前传入作为它的的参数。
注意点：

  1. 跟 call、apply 一样都是会绑定 this，但 bind 不会立即执行，而是返回一个函数等待用户的执行。
  2. bind 可以预存参数。
  3. bind 返回的新函数作为 new 构造函数调用时会忽略默认提供的 this，但预存参数不会。
  1. // 用法
  2. var foo = {
  3.     value: 1
  4. };
  6. function bar() {
  7.     console.log(this.value);
  8. }
  10. // 返回了一个函数
  11. var bindFoo = bar.bind(foo); 
  12. bindFoo() // 1
  14. // new 构造函数调用
  15. function bar(name, age) {
  16.     this.habit = 'exercise';
  17.     console.log(this.value);
  18.     console.log(name);
  19.     console.log(age);
  20. }
  22. bar.prototype.friend = 'frank';
  24. var bindFoo = bar.bind(foo, 'xxiang');
  26. var obj = new bindFoo('22');
  27. // undefined
  28. // xxiang
  29. // 22
  30. console.log(obj.habit) // exercise
  31. console.log(obj.friend) // frank

模拟实现

  1. Function.prototype.bind = function (context) {
  2.         // 判断是否为函数，否则抛出一个错误。
  3.     if (typeof this !== "function") {
  4.       throw new Error("context is not function");
  5.     }
  7.     var self = this;
  8.     var args = Array.prototype.slice.call(arguments, 1);
  10.     var fNOP = function () {};
  12.     var fBound = function () {
  13.         var bindArgs = Array.prototype.slice.call(arguments);
  14.                 // 用 apply 来实现的好处是直接可以用类数组（arguments）作参数。
  15.                 // 判断是否是 new 构造函数调用。
  16.         return self.apply(this instanceof fNOP ? this : context, args.concat(bindArgs));
  17.     }
  18.         // 借助空函数做中转。
  19.     // 如果写成 fBound.prototype = this.prototype，共享一个对象不好。
  20.     fNOP.prototype = this.prototype;
  21.     fBound.prototype = new fNOP();
  22.     // 返回函数是因为可能需要执行函数的返回结果。
  23.     return fBound;
  24. }

参考：
[1] JavaScript深入之bind的模拟实现
[2] MDN