多多色-多人伦交性欧美在线观看-多人伦精品一区二区三区视频-多色视频-免费黄色视屏网站-免费黄色在线

國內最全IT社區平臺 聯系我們 | 收藏本站
阿里云優惠2
您當前位置:首頁 > web前端 > jscript > javascript 中 call 的使用方法

javascript 中 call 的使用方法

來源:程序員人生   發布時間:2013-12-04 18:06:53 閱讀次數:3622次
javaScript 中的 call() 是一個奇妙的方法,但也是一個讓人迷惑的方法,先看一下官方的解釋:
call 方法
請參閱
應用于:Function 對象
要求
版本 5.5
調用一個對象的一個方法,以另一個對象替換當前對象。

call([thisObj[,arg1[, arg2[, [,.argN]]]]])
參數
thisObj
可選項。將被用作當前對象的對象。
arg1, arg2, , argN
可選項。將被傳遞方法參數序列。
說明
call 方法可以用來代替另一個對象調用一個方法。call 方法可將一個函數的對象上下文從初始的上下文改變為由 thisObj 指定的新對象。

如果沒有提供 thisObj 參數,那么 Global 對象被用作 thisObj。

乍一看,很容易把人看迷胡,先做一些簡單的說明
obj1.method1.call(obj2,argument1,argument2)
如上,call的作用就是把obj1的方法放到obj2上使用,后面的argument1..這些做為參數傳入.

舉一個具體的例子
function add(a,b)
{
alert(a+b);
}
function sub(a,b)
{
alert(a-b);
}

add.call(sub,3,1);

這個例子中的意思就是用 add 來替換 sub,add.call(sub,3,1) == add(3,1) ,所以運行結果為:alert(4); // 注意:js 中的函數其實是對象,函數名是對 Function 對象的引用。
看一個稍微復雜一點的例子

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上執行,原來c2是沒有showNam() 方法,現在是把c1 的showNam()方法放到 c2 上來執行,所以this.name 應該是 class2,執行的結果就是 :alert("class2");

怎么樣,覺得有意思了吧,可以讓a對象來執行b對象的方法,這是java程序員所不敢想的。還有更有趣的,可以用 call 來實現繼承

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 對象代替this對象,那么 Class2 中不就有Class1 的所有屬性和方法了嗎,c2 對象就能夠直接調用Class1 的方法以及屬性了,執行結果就是:alert(“cc”);

對的,就是這樣,這就是 javaScript 如何來模擬面向對象中的繼承的,還可以實現多重繼承。

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

很簡單,使用兩個 call 就實現多重繼承了
當然,js的繼承還有其他方法,例如使用原型鏈,這個不屬于本文的范疇,只是在此說明call 的用法
說了call ,當然還有 apply,這兩個方法基本上是一個意思
區別在于 call 的第二個參數可以是任意類型,而apply的第二個參數必須是數組,也可以是arguments
還有 callee,caller,這個和call的 用法就不同了。

生活不易,碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
程序員人生
------分隔線----------------------------
分享到:
------分隔線----------------------------
關閉
程序員人生
主站蜘蛛池模板: 一级特黄aa大片一又好看 | 欧美18videossex性欧美 | 国产精品福利在线观看免费不卡 | 日韩欧美视频在线播放 | 中文国产成人精品久久一区 | 最近中文字幕++中文 | 宇都宫紫苑最新作品 | 亚洲精品久久久久影 | 精品自在线 | 日本一级不卡一二三区免费 | 女人毛片a毛片久久人人 | 欧美激情一区二区 | 黄色免费观看视频网站 | 人人爽人人爱 | 波多野吉衣在线多野结衣 | 亚洲一区二区三区高清视频 | 色猫av | 一区二区中文字幕在线观看 | 国产福利在线播放 | 国产成人黄网址在线视频 | 亚洲国产精品久久久天堂 | 亚洲伊人精品 | 亚洲视频网站在线观看 | 成年人免费观看的视频 | free性欧美人另类 | 精品久久久久久亚洲精品 | 最近中文字幕mv免费高清视频7 | 亚洲精品亚洲人成人网 | 久爱精品视频在线视频 | 在线观看亚洲国产 | 麻豆精品不卡国产免费看 | 淫欲影院 | 在线免费观看h视频 | xyx性爽欧美视频 | 国产色在线 | 亚洲 国产色综合久久无码有码 国产色综合一区二区三区 国产上床视频 | 日本午夜精品一本在线观看 | 午夜宅男视频 | 最新国产在线播放 | 免费一级淫片aa | 三级爱爱视频 | 波多野结衣一区二区三区在线观看 |