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相關知識，但願本身多一些沉澱~