call和apply區別

 對於call和apply的解釋，網上有很多，但是為了更好地理解。所以這里自己總結積累下~

JavaScript中的每一個function對象都會有call和apply方法

/*apply()方法*/
function.apply(thisObj[, argArray])

/*call()方法*/
function.call(thisObj[, arg1[, arg2[, [,...argN]]]]);

定義：

apply：調用一個對象的一個方法，用另一個對象替換當前對象。例如：B.apply(A, arguments);即A對象應用B對象的方法。

call：調用一個對象的一個方法，用另一個對象替換當前對象。例如：B.call(A, args1,args2);即A對象調用B對象的方法

從定義中可以看出，call和apply都是調用一個對象的一個方法，用另一個對象替換當前對象。而不同之處在於傳遞的參數，apply最多只能有兩個參數——新this對象和一個數組argArray，如果arg不是數組則會報錯TypeError；

call則可以傳遞多個參數，第一個參數和apply一樣，是用來替換的對象，后邊是參數列表。

基本用法：

function Dog(){
        this.name = "dog";
        this.showName=function(){
            console.log("這是一條"+this.name+"!")
        }
    }
    function Cat(){
        this.name="cat";
        // Dog.apply(this)
        this.showName=function(){
            console.log(this.name+" eat fish");
        }
        Dog.apply(this)
    };
    var cat = new Cat()
    // Dog.call(cat)    /*call的用法*/
    cat.showName()        /*這是一條dog*/
    console.log(cat.name)    /*dog*/

但是如果你apply寫的位置不同，結果也將有所變化。如上述代碼

如果我將后邊的apply注釋掉，將上一個apply打開，那么執行showName()得到的結果將是：dog eat fish 

以后將會整理更多JS相關知識，希望自己多一些沉淀~