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!