js原生函数bind

/*在javascript中，函数总是在一个特殊的上下文执行（称为执行上下文），如果你将一个对象的函数赋值给另外一个变量的话，这个函数的执行上下文就变为这个变量的上下文了。下面的一个例子能很好的说明这个问题
代码如下:*/  

window.name = "the window object"
function scopeTest() {
return this.name;
}
// calling the function in global scope:
scopeTest()
// -> "the window object"
var foo = {
name: "the foo object!",
otherScopeTest: function() { return this.name }
};
foo.otherScopeTest();// -> "the foo object!"
var foo_otherScopeTest = foo.otherScopeTest;
foo_otherScopeTest();
// –> "the window object"   

/*如果你希望将一个对象的函数赋值给另外一个变量后，这个函数的执行上下文仍然为这个对象，那么就需要用到bind方法。
bind的实现如下：
复制代码 代码如下:*/  

// The .bind method from Prototype.js
Function.prototype.bind = function(){
var fn = this, args = Array.prototype.slice.call(arguments), object = args.shift();
return function(){
return fn.apply(object,
args.concat(Array.prototype.slice.call(arguments)));
};
};   

/*使用示例：
复制代码 代码如下:  */

  var obj = {
    name: 'A nice demo',
    fx: function() {
        alert(this.name);
    }
  };   

  window.name = 'I am such a beautiful window!';   

  function runFx(f) {
    f();
  }
  function fx(){
    alert(this.name);
  }
  var fx2 = obj.fx.bind(obj);
  runFx(obj.fx); // I am such a beautiful window!
  runFx(fx2); // A nice demo
  runFx(fx);// I am such a beautiful window!