日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問(wèn) 生活随笔!

生活随笔

當(dāng)前位置: 首頁(yè) > 前端技术 > javascript >内容正文

javascript

【转】全面理解javascript的arguments,callee,caller,call,apply概念(修改版)

發(fā)布時(shí)間:2023/11/29 javascript 26 豆豆
生活随笔 收集整理的這篇文章主要介紹了 【转】全面理解javascript的arguments,callee,caller,call,apply概念(修改版) 小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

(在看到大家如此關(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ì):

//arguments?對(duì)象的用法。
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))的代碼:

Array.prototype.selfvalue?=?1;
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?Array);
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 屬性的用法:

//?caller?demo?{
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)度一致。

示例

//callee可以打印其本身
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)用callapply還有一個(gè)技巧在里面,就是用callapply應(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ě):

代碼 function?vehicle(type)?{
????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)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò),歡迎將生活随笔推薦給好友。