關於Javascript中apply、call、bind方法說明

JavaScript函數存在「定義時上下文」和「運行時上下文」以及「上下文是能夠改變的」這樣的概念

apply和call函數

1. call() 和 apply()都是爲了改變某個函數運行時的上下文（context）而存在的，換句話說，就是爲了改變函數體內部 this 的指向

2. call()方法接受的是一個參數列表，而apply()方法接受的是一個包含多個參數的數組（或類數組對象）

fun.apply(thisArg[, argsArray])
    參數:
        thisArg
            在 fun 函數運行時指定的 this 值。須要注意的是，指定的 this 值並不必定是該函數執行時真正的 this 值，若是這個函數處於非嚴格模式下，則指定爲 null 或 undefined 時會自動指向全局對象（瀏覽器中就是window對象)，同時值爲原始值（數字，字符串，布爾值）的 this 會指向該原始值的自動包裝對象。
        argsArray
            一個數組或者類數組對象，其中的數組元素將做爲單獨的參數傳給 fun 函數。若是該參數的值爲null 或 undefined，則表示不須要傳入任何參數。從ECMAScript 5 開始能夠使用類數組對象。瀏覽器兼容性請參閱本文底部內容。

    fun.call(thisArg[, arg1[, arg2[, ...]]])
    參數:
        thisArg
            在fun函數運行時指定的this值。須要注意的是，指定的this值並不必定是該函數執行時真正的this值，若是這個函數處於非嚴格模式下，則指定爲null和undefined的this值會自動指向全局對象(瀏覽器中就是window對象)，同時值爲原始值(數字，字符串，布爾值)的this會指向該原始值的自動包裝對象。
            
        arg1, arg2, ...
            指定的參數列表

function a(xx, yy) {    
    alert(xx, yy);    
    alert(this);    
    alert(arguments);
}

a.apply(null, [5, 55]);
a.call(null, 5, 55);

bind函數

bind()方法會建立一個新函數，當這個新函數被調用時，它的this值是傳遞給bind()的第一個參數, 它的參數是bind()的其餘參數和其本來的參數

fun.bind(thisArg[, arg1[, arg2[, ...]]])
參數:
    thisArg
        當綁定函數被調用時，該參數會做爲原函數運行時的 this 指向。當使用new 操做符調用綁定函數時，該參數無效。
    arg1, arg2, ...
        當綁定函數被調用時，這些參數加上綁定函數自己的參數會按照順序做爲原函數運行時的參數

若是有興趣想知道 Function.prototype.bind() 內部長什麼樣以及是如何工做的，這裏有個很是簡單的例子：

Function.prototype.bind = function (scope) {
    var fn = this;
    return function () {
        return fn.apply(scope);
    };
}

MDN爲沒有自身實現bind() 方法的瀏覽器提供了一個絕對可靠的替代方案:

if (!Function.prototype.bind) {
  Function.prototype.bind = function (oThis) {
    if (typeof this !== "function") {
      // closest thing possible to the ECMAScript 5 internal IsCallable function
      throw new TypeError("Function.prototype.bind - what is trying to be bound is not callable");
    }
 
    var aArgs = Array.prototype.slice.call(arguments, 1), 
        fToBind = this, 
        fNOP = function () {},
        fBound = function () {
          return fToBind.apply(this instanceof fNOP && oThis
                                 ? this
                                 : oThis,
                               aArgs.concat(Array.prototype.slice.call(arguments)));
        };
 
    fNOP.prototype = this.prototype;
    fBound.prototype = new fNOP();
 
    return fBound;
  };
}