您當前位置：首頁 > web前端 > jscript > Javascript 中的 call 和 apply

Javascript 中的 call 和 apply

來源：程序員人生發布時間：2013-12-07 23:14:20 閱讀次數：3585次

JavaScript 中通過call或者apply用來代替另一個對象調用一個方法，將一個函數的對象上下文從初始的上下文改變為由 thisObj 指定的新對象。簡單的說就是改變函數執行的上下文，這是最基本的用法。兩個方法基本區別在于傳參不同。

call(obj,arg1,arg2,arg3);call第一個參數傳對象，可以是null。參數以逗號分開進行傳值，參數可以是任何類型。

apply(obj,[arg1,arg2,arg3]);apply第一個參數傳對象，參數可以是數組或者arguments 對象。

這兩個方法通常被用來類的繼承和回調函數：

作用一、類的繼承：

先來看這個例子：

function Person(name,age){

this.name = name;

this.age=age;

this.alertName = function(){

alert(this.name);

}

this.alertAge = function(){

alert(this.age);

}

function webDever(name,age,sex){

Person.call(this,name,age);

this.sex=sex;

this.alertSex = function(){

alert(this.sex);

}

var test= new webDever("愚人碼頭",28,"男");

test.alertName();//愚人碼頭

test.alertAge();//28

test.alertSex();//男

這樣 webDever類就繼承Person類，Person.call(this,name,age) 的意思就是使用 Person構造函數（也是函數）在this對象下執行，那么 webDever就有了Person的所有屬性和方法，test對象就能夠直接調用Person的方法以及屬性了; 09年的理解解非常粗淺，呵呵。http://www.css88.com/archives/1692

作用二、回調函數：
call 和 apply在回調行數中也非常有用，很多時候我們在開發過程中需要對改變回調函數的執行上下文，最常用的比如ajax或者定時什么的，一般情況下，Ajax都是全局的，也就是window對象下的，來看這個例子：

function Album(id, title, owner_id) {

this.id = id;

this.name = title;

this.owner_id = owner_id;

};

Album.prototype.get_owner = function (callback) {

var self = this;

$.get('/owners/' + this.owner_id, function (data) {

callback && callback.call(self, data.name);

});

};