DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> Javascript 中的 call 和 apply使用介紹
Javascript 中的 call 和 apply使用介紹
編輯:關於JavaScript     
簡單的說就是改變函數執行的上下文,這是最基本的用法。兩個方法基本區別在於傳參不同。
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年的理解解非常粗淺,呵呵。
作用二、回調函數:
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);
});
};
var album = new Album(1, '生活', 2);
album.get_owner(function (owner) {
alert('The album' + this.name + ' belongs to ' + owner);
});

這裡
復制代碼 代碼如下:
album.get_owner(function (owner) {
alert('The album' + this.name + ' belongs to ' + owner);
});

中的 this.name就能直接取到album對象中的name屬性了。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved