Javascript 中的 call 和 apply使用介紹

更新時間：2012年02月22日 15:40:38 作者：

JavaScript 中通過call或者apply用來代替另一個對象調(diào)用一個方法，將一個函數(shù)的對象上下文從初始的上下文改變?yōu)橛?thisObj 指定的新對象

簡單的說就是改變函數(shù)執(zhí)行的上下文，這是最基本的用法。兩個方法基本區(qū)別在于傳參不同。
call(obj,arg1,arg2,arg3);call第一個參數(shù)傳對象，可以是null。參數(shù)以逗號分開進(jìn)行傳值，參數(shù)可以是任何類型。
apply(obj,[arg1,arg2,arg3]);apply第一個參數(shù)傳對象，參數(shù)可以是數(shù)組或者arguments 對象。
這兩個方法通常被用來類的繼承和回調(diào)函數(shù)：
作用一、類的繼承：
先來看這個例子：

復(fù)制代碼代碼如下:

 
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構(gòu)造函數(shù)（也是函數(shù)）在this對象下執(zhí)行，那么 webDever就有了Person的所有屬性和方法，test對象就能夠直接調(diào)用Person的方法以及屬性了; 09年的理解解非常粗淺，呵呵。
作用二、回調(diào)函數(shù)：
call 和 apply在回調(diào)行數(shù)中也非常有用，很多時候我們在開發(fā)過程中需要對改變回調(diào)函數(shù)的執(zhí)行上下文，最常用的比如ajax或者定時什么的，一般情況下，Ajax都是全局的，也就是window對象下的，來看這個例子：

復(fù)制代碼代碼如下:

 
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); 
}); 

這里

復(fù)制代碼代碼如下:

 
album.get_owner(function (owner) { 
alert('The album' + this.name + ' belongs to ' + owner); 
}); 

中的 this.name就能直接取到album對象中的name屬性了。

您可能感興趣的文章:

call
apply

相關(guān)文章

js中如何將多層嵌套的數(shù)組轉(zhuǎn)換為一層數(shù)組
這篇文章主要介紹了js中如何將多層嵌套的數(shù)組轉(zhuǎn)換為一層數(shù)組問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2023-06-06
用javascript獲取textarea中的光標(biāo)位置
Javascript一向以他的靈活隨意而著稱，這也使得它的功能可以非常的強(qiáng)大，而由于沒有比較好的調(diào)試工具，又使得它使用起來困難重重，尤其使對于一些初學(xué)者，更是感覺到無從下手。今天探討的問題是用javascript獲取textarea中光標(biāo)的位置。
2008-05-05
在Html中使用Requirejs進(jìn)行模塊化開發(fā)實例詳解
在前端模塊化的時候，不僅僅是js需要進(jìn)行模塊化管理，html有時候也需要模塊化管理。這里就介紹下如何通過requirejs，實現(xiàn)html代碼的模塊化開發(fā)
2016-04-04
JS函數(shù)(普通函數(shù),箭頭函數(shù))中this的指向問題詳解
這篇文章主要給大家介紹了JS中普通函數(shù)和箭頭函數(shù)的this指向，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2022-09-09
用js生成a標(biāo)簽下載文件并攜帶請求頭的兩種方法
這篇文章主要給大家介紹了關(guān)于用js生成a標(biāo)簽下載文件并攜帶請求頭的兩種方法, 這種下載文件方式在前端項目中非常常見,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下
2024-03-03
jser必看的破解javascript各種加密的反向思維方法
才發(fā)現(xiàn)的破解javascript各種加密的反向思維方法,大家有好的方法都跟帖啊最近發(fā)現(xiàn)了一個代碼，加密了5層左右，我將破解到最后一步，而且不用javascript解密程序
2007-04-04
JS實現(xiàn)HTML標(biāo)簽轉(zhuǎn)義及反轉(zhuǎn)義
本文主要介紹了JS實現(xiàn)HTML標(biāo)簽轉(zhuǎn)義及反轉(zhuǎn)義的方法。具有一定的參考價值，下面跟著小編一起來看下吧
2017-01-01
詳解javascript 正則表達(dá)式之分組與前瞻匹配
本文主要講解javascript 的正則表達(dá)式中的分組匹配與前瞻匹配的，需要對正則的有基本認(rèn)識，本人一直對兩種匹配模棱不清，還有不清楚的朋友跟隨腳本之家小編一起看看吧
2018-05-05
一文帶你徹底搞懂JS大文件分片上傳的實現(xiàn)
這篇文章主要為大家詳細(xì)介紹了前端JavaScript是如何實現(xiàn)大文件分片上傳的，文中的示例代碼講解詳細(xì)，具有一定的學(xué)習(xí)價值，需要的可以參考一下
2023-05-05
淺談JavaScript的閉包函數(shù)
閉包是有權(quán)訪問另一個函數(shù)作用域中的變量的函數(shù)。首先要明白的就是，閉包是函數(shù)。由于要求它可以訪問另一個函數(shù)的作用于中的變量，所以我們往往是在一個函數(shù)的內(nèi)部創(chuàng)建另一個函數(shù)，而“另一個函數(shù)”就是閉包。本文對其進(jìn)行系統(tǒng)分析，需要的朋友可以看下
2016-12-12