JavaScript 學(xué)習(xí)筆記(九)call和apply方法
更新時(shí)間:2010年01月11日 23:06:11 作者:
兩者實(shí)現(xiàn)的功能是完全一樣的,只是參數(shù)傳遞方式不一樣,call是將各個(gè)參數(shù)以逗號(hào)(,)隔開(kāi),而apply是將所有參數(shù)組成一個(gè)數(shù)組進(jìn)行傳遞。
call和apply方法
call方法可改變上下文this指針,類似的方法還有apply,主要用在js對(duì)象各方法互相調(diào)用的時(shí)候,使當(dāng)前this實(shí)例指針保持一致,或在特殊情況下需要改變this指針。
obj1.method1.call(obj2,argument1,argument2)
如上,call的作用就是把obj1的方法放到obj2上使用,后面的argument1…這些做為參數(shù)傳入。
舉一個(gè)具體的例子
function add(a, b) {
alert(a + b);
}
function sub(a, b) {
alert(a - b);
}
add.call(sub, 3, 1);
這個(gè)例子中的意思就是用 add 來(lái)替換 sub,add.call(sub,3,1) == add(3,1) ,所以運(yùn)行結(jié)果為:alert(4); // 注意:js 中的函數(shù)其實(shí)是對(duì)象,函數(shù)名是對(duì) Function 對(duì)象的引用。
看一個(gè)稍微復(fù)雜一點(diǎn)的例子
function Class1() {
this.name = "class1";
this.showNam = function() {
alert(this.name);
}
}
function Class2() {
this.name = "class2";
}
var c1 = new Class1();
var c2 = new Class2();
c1.showNam.call(c2);
注意,call 的意思是把 c1 的方法放到c2上執(zhí)行,原來(lái)c2是沒(méi)有showNam() 方法,現(xiàn)在是把c1 的showNam()方法放到 c2 上來(lái)執(zhí)行,所以this.name 應(yīng)該是 class2,執(zhí)行的結(jié)果就是:alert("class2");
另外可以用 call 來(lái)實(shí)現(xiàn)繼承
function Class1() {
this.showTxt = function(txt) {
alert(txt);
}
}
function Class2() {
Class1.call(this);
}
var c2 = new Class2();
c2.showTxt("cc");
這樣 Class2 就繼承Class1了,Class1.call(this) 的 意思就是使用 Class1 對(duì)象代替this對(duì)象,那么 Class2 中不就有Class1 的所有屬性和方法了嗎,c2 對(duì)象就能夠直接調(diào)用Class1 的方法以及屬性了,執(zhí)行結(jié)果就是:alert(“cc”);
這就是 javaScript 如何來(lái)模擬面向?qū)ο笾械睦^承的,還可以實(shí)現(xiàn)多重繼承。
function Class10() {
this.showSub = function(a, b) {
alert(a - b);
}
}
function Class11() {
this.showAdd = function(a, b) {
alert(a + b);
}
}
function Class2() {
Class10.call(this);
Class11.call(this);
}
1.call方法
調(diào)用一個(gè)對(duì)象的一個(gè)方法,以另一個(gè)對(duì)象替換當(dāng)前對(duì)象。
call([thisObj[,arg1[, arg2[, [,.argN]]]]])
參數(shù)
thisObj 可選項(xiàng)。將被用作當(dāng)前對(duì)象的對(duì)象。
arg1, arg2, , argN 可選項(xiàng)。將被傳遞方法參數(shù)序列。
2.apply方法
應(yīng)用某一對(duì)象的一個(gè)方法,用另一個(gè)對(duì)象替換當(dāng)前對(duì)象。
apply([thisObj[,argArray]])
參數(shù)
thisObj 可選項(xiàng)。將被用作當(dāng)前對(duì)象的對(duì)象。
argArray 可選項(xiàng)。將被傳遞給該函數(shù)的參數(shù)數(shù)組。
兩者的區(qū)別:
兩者實(shí)現(xiàn)的功能是完全一樣的,只是參數(shù)傳遞方式不一樣,call是將各個(gè)參數(shù)以逗號(hào)(,)隔開(kāi),而apply是將所有參數(shù)組成一個(gè)數(shù)組進(jìn)行傳遞。
call方法可改變上下文this指針,類似的方法還有apply,主要用在js對(duì)象各方法互相調(diào)用的時(shí)候,使當(dāng)前this實(shí)例指針保持一致,或在特殊情況下需要改變this指針。
obj1.method1.call(obj2,argument1,argument2)
如上,call的作用就是把obj1的方法放到obj2上使用,后面的argument1…這些做為參數(shù)傳入。
舉一個(gè)具體的例子
復(fù)制代碼 代碼如下:
function add(a, b) {
alert(a + b);
}
function sub(a, b) {
alert(a - b);
}
add.call(sub, 3, 1);
這個(gè)例子中的意思就是用 add 來(lái)替換 sub,add.call(sub,3,1) == add(3,1) ,所以運(yùn)行結(jié)果為:alert(4); // 注意:js 中的函數(shù)其實(shí)是對(duì)象,函數(shù)名是對(duì) Function 對(duì)象的引用。
看一個(gè)稍微復(fù)雜一點(diǎn)的例子
復(fù)制代碼 代碼如下:
function Class1() {
this.name = "class1";
this.showNam = function() {
alert(this.name);
}
}
function Class2() {
this.name = "class2";
}
var c1 = new Class1();
var c2 = new Class2();
c1.showNam.call(c2);
注意,call 的意思是把 c1 的方法放到c2上執(zhí)行,原來(lái)c2是沒(méi)有showNam() 方法,現(xiàn)在是把c1 的showNam()方法放到 c2 上來(lái)執(zhí)行,所以this.name 應(yīng)該是 class2,執(zhí)行的結(jié)果就是:alert("class2");
另外可以用 call 來(lái)實(shí)現(xiàn)繼承
復(fù)制代碼 代碼如下:
function Class1() {
this.showTxt = function(txt) {
alert(txt);
}
}
function Class2() {
Class1.call(this);
}
var c2 = new Class2();
c2.showTxt("cc");
這樣 Class2 就繼承Class1了,Class1.call(this) 的 意思就是使用 Class1 對(duì)象代替this對(duì)象,那么 Class2 中不就有Class1 的所有屬性和方法了嗎,c2 對(duì)象就能夠直接調(diào)用Class1 的方法以及屬性了,執(zhí)行結(jié)果就是:alert(“cc”);
這就是 javaScript 如何來(lái)模擬面向?qū)ο笾械睦^承的,還可以實(shí)現(xiàn)多重繼承。
復(fù)制代碼 代碼如下:
function Class10() {
this.showSub = function(a, b) {
alert(a - b);
}
}
function Class11() {
this.showAdd = function(a, b) {
alert(a + b);
}
}
function Class2() {
Class10.call(this);
Class11.call(this);
}
1.call方法
調(diào)用一個(gè)對(duì)象的一個(gè)方法,以另一個(gè)對(duì)象替換當(dāng)前對(duì)象。
call([thisObj[,arg1[, arg2[, [,.argN]]]]])
參數(shù)
thisObj 可選項(xiàng)。將被用作當(dāng)前對(duì)象的對(duì)象。
arg1, arg2, , argN 可選項(xiàng)。將被傳遞方法參數(shù)序列。
2.apply方法
應(yīng)用某一對(duì)象的一個(gè)方法,用另一個(gè)對(duì)象替換當(dāng)前對(duì)象。
apply([thisObj[,argArray]])
參數(shù)
thisObj 可選項(xiàng)。將被用作當(dāng)前對(duì)象的對(duì)象。
argArray 可選項(xiàng)。將被傳遞給該函數(shù)的參數(shù)數(shù)組。
兩者的區(qū)別:
兩者實(shí)現(xiàn)的功能是完全一樣的,只是參數(shù)傳遞方式不一樣,call是將各個(gè)參數(shù)以逗號(hào)(,)隔開(kāi),而apply是將所有參數(shù)組成一個(gè)數(shù)組進(jìn)行傳遞。
您可能感興趣的文章:
- AngularJS中$apply方法和$watch方法用法總結(jié)
- JavaScript中apply方法的應(yīng)用技巧小結(jié)
- JS中使用apply方法通過(guò)不同數(shù)量的參數(shù)調(diào)用函數(shù)的方法
- JavaScript中的call方法和apply方法使用對(duì)比
- 從JQuery源碼分析JavaScript函數(shù)的apply方法與call方法
- 使用apply方法實(shí)現(xiàn)javascript中的對(duì)象繼承
- js中apply方法的使用詳細(xì)解析
- javascript中call和apply方法淺談
- javascript call和apply方法
- Js apply方法詳解
相關(guān)文章
JS難點(diǎn)同步異步和作用域與閉包及原型和原型鏈詳解
本篇文章主要來(lái)為大家講解JS學(xué)習(xí)中的三大難點(diǎn),JS同步異步的作用域,JS閉包原型以及JS原型鏈的詳細(xì)解析,有需要的同學(xué)可以借鑒參考下,希望可以有所幫助2021-09-09
Js中的onblur和onfocus事件應(yīng)用介紹
html頁(yè)面中,諸如按鈕、文本框等可視元素都具有擁有和失去焦點(diǎn)的事件,本文以文本框獲得和失去焦點(diǎn)為例簡(jiǎn)單講解onfocus和onblur的應(yīng)用2013-08-08
Web Inspector:關(guān)于在 Sublime Text 中調(diào)試Js的介紹
本篇文章小編將為大家介紹,Web Inspector:關(guān)于在 Sublime Text 中調(diào)試Js的介紹。需要的朋友可以參考一下2013-04-04
JavaScript對(duì)象創(chuàng)建及繼承原理實(shí)例解剖
本文將用實(shí)例講解一下JavaScript對(duì)象創(chuàng)建及繼承原理:JavaScript中的繼承是使用原型鏈的機(jī)制,對(duì)象創(chuàng)建使用Function構(gòu)造器,感興趣的朋友可以詳細(xì)了解下本文,或許可以幫助到你2013-02-02
JS中for循序中延遲加載動(dòng)態(tài)效果的具體實(shí)現(xiàn)
今天在做一個(gè)前端的效果的時(shí)候碰到一個(gè)棘手的問(wèn)題,就是實(shí)現(xiàn)一個(gè)動(dòng)態(tài)的圓柱效果,廢話不多少,直接上代碼2013-08-08
javascript內(nèi)置對(duì)象arguments詳解
這篇文章主要介紹了javascript內(nèi)置對(duì)象arguments,實(shí)例講解arguments是什么怎么用,需要的朋友可以參考下2014-03-03
JS中構(gòu)造函數(shù)的基本特性與優(yōu)缺點(diǎn)
這篇文章介紹了JS中構(gòu)造函數(shù)的基本特性與優(yōu)缺點(diǎn),文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-06-06

