javascript
【转】全面理解javascript的arguments,callee,caller,call,apply概念(修改版)
(注:在看到大家如此關(guān)注JS里頭的這幾個(gè)對(duì)象,我試著把原文再修改一下,力求能再詳細(xì)的闡明個(gè)中意義? 2007-05-21)
在提到上述的概念之前,首先想說(shuō)說(shuō)javascript中函數(shù)的隱含參數(shù):arguments
Arguments
該對(duì)象代表正在執(zhí)行的函數(shù)和調(diào)用它的函數(shù)的參數(shù)。
[function.]arguments[n]參數(shù)function :選項(xiàng)。當(dāng)前正在執(zhí)行的 Function 對(duì)象的名字。
n :選項(xiàng)。要傳遞給 Function 對(duì)象的從0開(kāi)始的參數(shù)值索引。
說(shuō)明
Arguments是進(jìn)行函數(shù)調(diào)用時(shí),除了指定的參數(shù)外,還另外創(chuàng)建的一個(gè)隱藏對(duì)象。Arguments是一個(gè)類(lèi)似數(shù)組但不是數(shù)組的對(duì)象,說(shuō)它類(lèi)似數(shù)組是因?yàn)槠渚哂袛?shù)組一樣的訪問(wèn)性質(zhì)及方式,可以由arguments[n]來(lái)訪問(wèn)對(duì)應(yīng)的單個(gè)參數(shù)的值,并擁有數(shù)組長(zhǎng)度屬性length。還有就是arguments對(duì)象存儲(chǔ)的是實(shí)際傳遞給函數(shù)的參數(shù),而不局限于函數(shù)聲明所定義的參數(shù)列表,而且不能顯式創(chuàng)建 arguments 對(duì)象。arguments 對(duì)象只有函數(shù)開(kāi)始時(shí)才可用。下邊例子詳細(xì)說(shuō)明了這些性質(zhì):
function?ArgTest(a,?b){
???var?i,?s?=?"The?ArgTest?function?expected?";
???var?numargs?=?arguments.length;?????//?獲取被傳遞參數(shù)的數(shù)值。
???var?expargs?=?ArgTest.length;???????//?獲取期望參數(shù)的數(shù)值。
???if?(expargs?<?2)
??????s?+=?expargs?+?"?argument.?";
???else
??????s?+=?expargs?+?"?arguments.?";
???if?(numargs?<?2)
??????s?+=?numargs?+?"?was?passed.";
???else
??????s?+=?numargs?+?"?were?passed.";
???s?+=?"\n\n"
???for?(i?=0?;?i?<?numargs;?i++){??????//?獲取參數(shù)內(nèi)容。
???s?+=?"??Arg?"?+?i?+?"?=?"?+?arguments[i]?+?"\n";
???}
???return(s);??????????????????????????//?返回參數(shù)列表。
}
在此添加了一個(gè)說(shuō)明arguments不是數(shù)組(Array類(lèi))的代碼:
alert(new?Array().selfvalue);
function?testAguments(){
????alert(arguments.selfvalue);
}
運(yùn)行代碼你會(huì)發(fā)現(xiàn)第一個(gè)alert顯示1,這表示數(shù)組對(duì)象擁有selfvalue屬性,值為1,而當(dāng)你調(diào)用函數(shù)testAguments時(shí),你會(huì)發(fā)現(xiàn)顯示的是“undefined”,說(shuō)明了不是arguments的屬性,即arguments并不是一個(gè)數(shù)組對(duì)象。
在此附加上大家推薦的一個(gè)簡(jiǎn)單方法:
alert(arguments?instanceof?Object);
?caller
? 返回一個(gè)對(duì)函數(shù)的引用,該函數(shù)調(diào)用了當(dāng)前函數(shù)。
? functionName.caller
? functionName 對(duì)象是所執(zhí)行函數(shù)的名稱(chēng)。
說(shuō)明
對(duì)于函數(shù)來(lái)說(shuō),caller 屬性只有在函數(shù)執(zhí)行時(shí)才有定義。如果函數(shù)是由頂層調(diào)用的,那么 caller 包含的就是 null 。如果在字符串上下文中使用 caller 屬性,那么結(jié)果和 functionName.toString 一樣,也就是說(shuō),顯示的是函數(shù)的反編譯文本。
下面的例子說(shuō)明了 caller 屬性的用法:
function?callerDemo()?{
????if?(callerDemo.caller)?{
????????var?a=?callerDemo.caller.toString();
????????alert(a);
????}?else?{
????????alert("this?is?a?top?function");
????}
}
function?handleCaller()?{
????callerDemo();
}
callee
??? 返回正被執(zhí)行的 Function 對(duì)象,也就是所指定的 Function 對(duì)象的正文。
[function.]arguments.callee可選項(xiàng) function 參數(shù)是當(dāng)前正在執(zhí)行的 Function 對(duì)象的名稱(chēng)。
說(shuō)明
callee 屬性的初始值就是正被執(zhí)行的 Function 對(duì)象。
callee 屬性是 arguments 對(duì)象的一個(gè)成員,它表示對(duì)函數(shù)對(duì)象本身的引用,這有利于匿名
函數(shù)的遞歸或者保證函數(shù)的封裝性,例如下邊示例的遞歸計(jì)算1到n的自然數(shù)之和。而該屬性
僅當(dāng)相關(guān)函數(shù)正在執(zhí)行時(shí)才可用。還有需要注意的是callee擁有l(wèi)ength屬性,這個(gè)屬性有時(shí)候
用于驗(yàn)證還是比較好的。arguments.length是實(shí)參長(zhǎng)度,arguments.callee.length是
形參長(zhǎng)度,由此可以判斷調(diào)用時(shí)形參長(zhǎng)度是否和實(shí)參長(zhǎng)度一致。
示例
function?calleeDemo()?{
????alert(arguments.callee);
}
//用于驗(yàn)證參數(shù)
function?calleeLengthDemo(arg1,?arg2)?{
????if?(arguments.length==arguments.callee.length)?{
????????window.alert("驗(yàn)證形參和實(shí)參長(zhǎng)度正確!");
????????return;
????}?else?{
????????alert("實(shí)參長(zhǎng)度:"?+arguments.length);
????????alert("形參長(zhǎng)度:?"?+arguments.callee.length);
????}
}
//遞歸計(jì)算
var?sum?=?function(n){
??if?(n?<=?0)????????????????????????
??return?1;
??else
????return?n?+arguments.callee(n?-?1)
}
比較一般的遞歸函數(shù):
var?sum?=?function(n){????if?(1==n)?return?1;
else?return?n?+?sum?(n-1);
調(diào)用時(shí):alert(sum(100));
其中函數(shù)內(nèi)部包含了對(duì)sum自身的引用,函數(shù)名僅僅是一個(gè)變量名,在函數(shù)內(nèi)部調(diào)用sum即相當(dāng)于調(diào)用
一個(gè)全局變量,不能很好的體現(xiàn)出是調(diào)用自身,這時(shí)使用callee會(huì)是一個(gè)比較好的方法。
?
?
apply and call
?? 它們的作用都是將函數(shù)綁定到另外一個(gè)對(duì)象上去運(yùn)行,兩者僅在定義參數(shù)方式有所區(qū)別:
??? apply(thisArg,argArray);
??? call(thisArg[,arg1,arg2…] ]);
即所有函數(shù)內(nèi)部的this指針都會(huì)被賦值為thisArg,這可實(shí)現(xiàn)將函數(shù)作為另外一個(gè)對(duì)象的方法運(yùn)行的目的
apply的說(shuō)明
如果 argArray 不是一個(gè)有效的數(shù)組或者不是 arguments 對(duì)象,那么將導(dǎo)致一個(gè) TypeError。
如果沒(méi)有提供 argArray 和 thisArg任何一個(gè)參數(shù),那么 Global 對(duì)象將被用作 thisArg,
并且無(wú)法被傳遞任何參數(shù)。
call的說(shuō)明
call 方法可將一個(gè)函數(shù)的對(duì)象上下文從初始的上下文改變?yōu)橛?thisArg指定的新對(duì)象。
如果沒(méi)有提供 thisArg參數(shù),那么 Global 對(duì)象被用作 thisArg
相關(guān)技巧:
應(yīng)用call和apply還有一個(gè)技巧在里面,就是用call和apply應(yīng)用另一個(gè)函數(shù)(類(lèi))以后,當(dāng)前的
函數(shù)(類(lèi))就具備了另一個(gè)函數(shù)(類(lèi))的方法或者是屬性,這也可以稱(chēng)之為“繼承”。看下面示例:
function?base()?{
????this.member?=?"?dnnsun_Member";
????this.method?=?function()?{
????????window.alert(this.member);
????}
}
function?extend()?{
????base.call(this);
????window.alert(member);
????window.alert(this.method);
}
上面的例子可以看出,通過(guò)call之后,extend可以繼承到base的方法和屬性。
?
順便提一下,在javascript框架prototype里就使用apply來(lái)創(chuàng)建一個(gè)定義類(lèi)的模式,
其實(shí)現(xiàn)代碼如下:
var?Class?=?{??create:?function()?{
????return?function()?{
??????this.initialize.apply(this,?arguments);
????}
??}
}
解析:從代碼看,該對(duì)象僅包含一個(gè)方法:Create,其返回一個(gè)函數(shù),即類(lèi)。但這也同時(shí)是類(lèi)的
構(gòu)造函數(shù),其中調(diào)用initialize,而這個(gè)方法是在類(lèi)創(chuàng)建時(shí)定義的初始化函數(shù)。通過(guò)如此途徑,
就可以實(shí)現(xiàn)prototype中的類(lèi)創(chuàng)建模式。
示例:
var?vehicle=Class.create();vehicle.prototype={
????initialize:function(type){
????????this.type=type;
????},
????showSelf:function(){
????????alert("this?vehicle?is?"+?this.type);
????}
}
var?moto=new?vehicle("Moto");
moto.showSelf();
--附加說(shuō)明:
1.var?vehicle=Class.create();
相當(dāng)于如下代碼:
var?vehicle=function()?{
??????this.initialize.apply(this,?arguments);
????}
? 2.“this.initialize.apply(this,?arguments);”主要作用有2個(gè):
一、是把vehicle類(lèi)構(gòu)造函數(shù)的參數(shù)arguments傳遞給方法initialize;
二、是執(zhí)行initialize方法。
?
3.vehicle類(lèi)在實(shí)例化時(shí)調(diào)用了“(帶參數(shù)的)構(gòu)造函數(shù)” vehicle("Moto"),而構(gòu)成函數(shù)中又調(diào)用了vehicle類(lèi)的(自定義的)initialize函數(shù),當(dāng)作初始化用。
?
更詳細(xì)的關(guān)于prototype信息請(qǐng)到其官方網(wǎng)站查看。
評(píng)論還有更精彩對(duì)此的理解,在這我就不再添加了,大家可以看看加深理解。?
?
?
?
摘自:http://www.cnblogs.com/sunwangji/archive/2006/08/21/482341.html
?
?
?
?
?
?
摘取部分評(píng)論:
?
=========================================================================
?
this.initialize.apply(this, arguments);
對(duì)于這句話(huà)2個(gè)this指的是同一個(gè)內(nèi)容
var vehicle=Class.create();
執(zhí)行過(guò)后,this都指向vehicle本身。
prototype.js的寫(xiě)法,目的是規(guī)定一個(gè)創(chuàng)建類(lèi)的框架,這個(gè)框架內(nèi)類(lèi)的初始化函數(shù)名一定是initialize(),而那句令人費(fèi)解的話(huà)的語(yǔ)義是保證initialize一定會(huì)在類(lèi)的實(shí)例創(chuàng)建后調(diào)用。
如果不用統(tǒng)一的框架創(chuàng)建類(lèi)的話(huà)我們可以這樣寫(xiě):
????alert(arguments?instanceof?Array);
????this.init?=?function()?{//這里就可以不叫initialize了?
????????this.type?=?type;
????}
????this.showSelf?=?function()?{
????????alert("this?vehicle?is?"?+?this.type);
????}
????this.init();//那句難解的話(huà)其實(shí)就是要給每個(gè)類(lèi)都注入這句話(huà)而已?
}
var?moto?=?new?vehicle('moto');
moto.showSelf();
?
通過(guò)這種寫(xiě)法你得到的moto實(shí)例和上面寫(xiě)法的得到的是一摸一樣的。
總的來(lái)講,看了你的總結(jié)很有幫助。
我常用我寫(xiě)的這種方法創(chuàng)建類(lèi),所以對(duì)于call apply的理解很模糊
js是腳本語(yǔ)言,所以腳本的靈活性造成了無(wú)法做接口、類(lèi)的繼承檢查
無(wú)法統(tǒng)一規(guī)定類(lèi)構(gòu)造函數(shù)的寫(xiě)法等等,所以prototype用了很繞的方法
目的只有一個(gè) 強(qiáng)制規(guī)定所有類(lèi)的初始化方法都叫initialize,然后方便管理了就。
=========================================================================
?
能把function搞成既指Class又指method的,只有javascript了,對(duì)于這種天生蹩腳的語(yǔ)言,還是少用OO思維的好。
對(duì)于這句:this.initialize.apply(this, arguments);
為什么不用this.initialize(arguments),是因?yàn)?者的語(yǔ)義是不同的。
表面上2者都是在function constructor里調(diào)用initialize函數(shù),期到OO里的non default constructor的作用。
但是,this.initialize.apply(this, arguments)中通過(guò)apply函數(shù)可以使得傳給function constrctor的參數(shù)列表都傳給initialize函數(shù)。這是實(shí)際場(chǎng)景中的非匿名構(gòu)造函數(shù)的調(diào)用。
而調(diào)用this.initialize(arguments),實(shí)際上是initialize函數(shù)只接受了一個(gè)參數(shù),那就是arguments這個(gè)對(duì)象,而不是我們希望傳入的參數(shù)列表!
=========================================================================
jQuery應(yīng)用了大量apply/call
(主要是因?yàn)檫@些功能都是完全跨瀏覽器的)
=========================================================================
?
?
?
?
?
?
?
轉(zhuǎn)載于:https://www.cnblogs.com/qiantuwuliang/archive/2011/01/03/1924390.html
總結(jié)
以上是生活随笔為你收集整理的【转】全面理解javascript的arguments,callee,caller,call,apply概念(修改版)的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 做梦梦到已故老人是什么意思
- 下一篇: 用JS访问iframe中的元素