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相关知识，但愿本身多一些沉淀~