js中的apply()、call() 和 bind()

<code>apply()</code>和 <code>call()</code>，这两个方法的用途都是在特定的作用域中调用函数，等同于设置函数体内部 <code>this</code> 指向的对象，也就是改变函数运行时的作用域。
　　<code>apply()</code> 接收两个参数，第一个参数是给绑定<code> this</code> 的值，第二个参数是参数数组，<code>call() </code>和<code>apply()</code> 的作用相同，接收的第一个参数也相同，区别在于之后传入参数的方式不同，看个例子：

var o = {
  color: 'blue'
}
var color = "red";

function sayColor(num) {
  console.log(this.color + '-' + num);
};
sayColor(1); //red-1
sayColor.apply(o,[2]); //blue-2
sayColor.call(o,3); //blue-3

可以看出，<code>apply() </code>和<code>call() </code>作用相同，传入参数也类似，区别只是<code>apply() </code>传入的是个数组，<code>call() </code>参数必须逐个列举出来传入。
　　再说<code>bind() </code>，传参方式和<code>call() </code>比较相似，<code>bind() </code>第一个参数也是绑定<code>this</code>的值，后面的参数也是需要逐个列举出来传入，不同的是，<code>bind() </code>不会立即执行，<code>bind() </code>会生成一个新的函数，之后就可以随时调用。说的不明白，看代码：

var o = {
  color: 'blue'
}
var color = "red";

function sayColor(num) {
  console.log(this.color + '-' + num);
};
var color = sayColor.bind(o，4);
color(); //blue-4

<code>bind() </code>并不支持IE6~8，若想要低版本的IE支持<code>bind() </code>，需要通过<code>Function </code>的<code>prototype</code>进行扩展，自定义一个<code>bind() </code>方法。像这样：

if (! function() {}.bind) {
  Function.prototype.bind = function(context) {
    var self = this,
        args = Array.prototype.slice.call(arguments);
    return function() {
      return self.apply(context, args.slice(1));
    }
  };
}