call和apply的區(qū)別和用法

ideaa 發(fā)布于2019-08-21 17:44 / 3480人閱讀

摘要：和的區(qū)別和作用都是把綁定到的作用，即改變的指向，然而唯一的區(qū)別就是傳遞的參數(shù)必須得是數(shù)組的形式傳遞，而則直接連續(xù)參數(shù)傳遞和在什么地方可以用到呢當(dāng)一個(gè)對(duì)象需要調(diào)用另外一個(gè)對(duì)象里面的方法的時(shí)候就可以用到和，和可以理解成是繼承另外一個(gè)對(duì)象的方法，

call和apply的區(qū)別

obj.call(thisObj, arg1, arg2, ...);
obj.apply(thisObj, [arg1, arg2, ...]);
call和apply作用都是把obj綁定到thisObj的作用，即改變this的指向，然而唯一的區(qū)別就是apply傳遞的參數(shù)必須得是數(shù)組的形式傳遞，而call則直接連續(xù)參數(shù)傳遞

call和apply在什么地方可以用到呢？

當(dāng)一個(gè)對(duì)象需要調(diào)用另外一個(gè)對(duì)象里面的方法的時(shí)候就可以用到call和apply，call和Apply可以理解成是繼承另外一個(gè)對(duì)象的方法，以下代碼舉例：

首先，我們先建立兩個(gè)對(duì)象，obj1和obj2

 var name = "全局中的name";
    var obj1 = {
        name:"obj1中的name",
        func1:function(){
            console.log(this.name);
        },
        func2:function (a,b) {
            console.log(a+b);
            return a+b;
        }
    }

    var obj2 = {
        name:"obj2中的name"
    }

如果obj2對(duì)象要調(diào)用obj1中的func1方法，則

 obj1.func1.call(obj2); //輸出：obj2中的name
 obj1.func1.apply(obj2);//輸出：obj2中的name

call和apply第一個(gè)參數(shù)都是表示obj1綁定的對(duì)象，如果obj1要綁定到this，此時(shí)obj1就是綁定到全局，如：

 obj1.func1.call(this);//輸出：全局中的name
 obj1.func1.apply(this);//輸出：全局中的name

如果obj2對(duì)象要調(diào)用obj1中的func2方法，則

  obj1.func2.call(obj2,1,2);//輸出：3
  obj1.func2.apply(obj2,[1,2]);//輸出：3

此時(shí)func2方法是有參數(shù)的，call和apply中第二個(gè)參數(shù)開始是傳給func2方法的參數(shù)，但是call參數(shù)是直接連續(xù)傳遞，而apply傳遞參數(shù)是以一個(gè)數(shù)組傳遞

全部代碼展示：

  var name = "全局中的name";
    var obj1 = {
        name:"obj1中的name",
        func1:function(){
            console.log(this.name);
        },
        func2:function (a,b) {
            console.log(a+b);
            return a+b;
        }
    }

    var obj2 = {
        name:"obj2中的name"
    }

    obj1.func1.call(this);//輸出：全局中的name
    obj1.func1.apply(this);//輸出：全局中的name

    obj1.func1.call(obj2); //輸出：obj2中的name
    obj1.func1.apply(obj2);//輸出：obj2中的name

    obj1.func2.call(obj2,1,2);//輸出：3
    obj1.func2.apply(obj2,[1,2]);//輸出：3