Javascript中call()方法和apply()方法的作用與區別

標籤：一個   turn   規範   aci   替換   plane   指定   結果   func   

        ECMAScript規範所有函數都包含兩個非繼承的方法，分別為call()和apply()，這兩個函數都是在特定的範圍中調用函數，能改變函數的範圍，實際上是改變函數體內“this”的指代的對象。

        call(thisObject[,arg1,arg2,arg3...]):

        釋義：應用某一對象的一個方法，用另一個對象替換當前對象。

        說明：call方法可以用來代替另一個對象調用一個方法，call方法將一個函數物件內容從初始的上下文改變為thisObj指定的新對象，如果沒有提供thisObject參數，那麼Global對象被用於thisObject。

        apply(thisObject[,argArray])

        釋義：調用對象的一個方法，另一個對象替換當前對象。

        說明：如果argArray不是一個有效數組或不是arguments對象，那麼將導致一個 
TypeError，如果沒有提供argArray和thisObj任何一個參數，那麼Global對象將用作thisObj。

        二者區別：

        兩者傳遞的參數不同，call傳遞的參數時一一列舉出來的，apply傳遞參數形式是數組。

        二者作用：

        1、調用函數，傳遞參數

        

    function add(x, y) {        return x + y;    }    function myAddCall(x, y) {        return add.call(this, x, y);    }    function myAddApply(x, y) {        return add.apply(this, [x, y]);    }    console.log(myAddCall(10, 20));    //輸出結果30      console.log(myAddApply(20, 20));  //輸出結果40

        2、改變函數的範圍

var name = ‘Lilei‘;    var obj = {name:‘Hmm‘};    function Student() {        return this.name;    }    console.log(Student.call(this));    //輸出Lilei    console.log(Student. call(obj));    //輸出Hmm

        3、類比java中類的繼承

    function Flyer(fname,speed){      this.fname=fname;      this.speed=speed;      this.fly=function(){        console.log(this.fname+"以時速:"+this.speed+"飛行");//如果用到父物件的構造方法，構造方法不能放到原型對象中，因為子類型的__proto__與父類型的prototype無關      }}function Plane(fname,speed,capacity) {      this.capacity=capacity;      Flyer.call(this,fname,speed);      delete this.fly;//如果父類型中有與之同名的建構函式，則需要先刪除父物件中的建構函式      this.fly=function(){        console.log(this.fname+"搭載"+this.capacity+"名乘客以時速:"+this.speed+"飛行");      }}var A380=new Plane("A380",1000,555);

 

  　　

Javascript中call()方法和apply()方法的作用與區別