JS函數(shù)內(nèi)部屬性之a(chǎn)rguments和this實(shí)例解析
在函數(shù)內(nèi)部，有兩個(gè)特殊的對(duì)象：arguments和this。
1、arguments
arguments是一個(gè)類數(shù)組對(duì)象。包含著傳入函數(shù)中的所有參數(shù)。但這個(gè)對(duì)象還有一個(gè)名叫callee的屬性，該屬性是一個(gè)指針，指向擁有這個(gè)arguments對(duì)象的函數(shù)。
經(jīng)典案例：階乘函數(shù)
function factorial(num){
if(num <= 1){
return 1;
}else{
return num * factorial(num-1);
}
}
定義階乘函數(shù)一般都要用到遞歸算法，如上所示，但你會(huì)發(fā)現(xiàn)，這個(gè)函數(shù)的執(zhí)行與函數(shù)名factorial緊緊耦合在了一起，為解決這個(gè)問題，我們可以使用arguments.callee。
function factorial(num){
if(num <= 1){
return 1;
}else{
return num * arguments.callee(num-1);
}
}
我們重寫之后，factorial()函數(shù)里沒有引用函數(shù)名factorial。這樣無論引用函數(shù)時(shí)使用的是什么名字，都可以保證正常完成遞歸調(diào)用。例如：
var trueFac = factorial;
factorial = function(){
return 0;
}
console.log(trueFac(5)); // 120
console.log(factorial(5)); // 0
2、this
函數(shù)內(nèi)部的另一個(gè)對(duì)象是this，this引用的是函數(shù)執(zhí)行的環(huán)境對(duì)象(當(dāng)在網(wǎng)頁(yè)的全局作用域中調(diào)用函數(shù)時(shí)，this對(duì)象引用的就是window)。
window.color = "red";
var o = { color: "blue" };
function sayColor(){
alert(this.color);
}
sayColor(); // "red"
o.sayColor = sayColor;
o.sayColor(); // "blue"
在上面這個(gè)函數(shù)sayColor()是在全局作用域中定義的，它引用了this對(duì)象。由于在調(diào)用函數(shù)之前，this的值并不確定，因此this可能會(huì)在代碼執(zhí)行過程中引用不同的對(duì)象。
當(dāng)在全局作用域中調(diào)用sayColor()時(shí)，this引用的時(shí)全局對(duì)象window；換句話說，對(duì)this.color求值會(huì)轉(zhuǎn)換成對(duì)window.color求值，于是結(jié)果就返回了"red"。而當(dāng)把這個(gè)函數(shù)賦給對(duì)象o并調(diào)用o.sayColor()時(shí)，this引用的是對(duì)象o，因此對(duì)this.color求值會(huì)轉(zhuǎn)換成對(duì)o.color求值，所以返回“blue”。
函數(shù)的名字僅僅是一個(gè)包含指針的變量。
總結(jié)
以上所述是小編給大家介紹的JS函數(shù)內(nèi)部屬性之a(chǎn)rguments和this實(shí)例解析，希望對(duì)大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會(huì)及時(shí)回復(fù)大家的！
相關(guān)文章
javascript oop開發(fā)滑動(dòng)(slide)菜單控件
這里因?yàn)槭茄菔舅宰孒TML CSS盡量的簡(jiǎn)化，另外使用jquery的 fn.slideUp fn.slideDown 實(shí)現(xiàn)起來會(huì)更容易不過我作為一個(gè)專業(yè)的開發(fā)者多了解些原生的JS對(duì)技術(shù)的提高還是很有幫助。2010-08-08
詳解CocosCreator項(xiàng)目結(jié)構(gòu)機(jī)制
這篇文章主要介紹了詳解CocosCreator項(xiàng)目結(jié)構(gòu)機(jī)制，只有了解這些機(jī)制后，才能更好的進(jìn)行項(xiàng)目開發(fā)，避免潛在錯(cuò)誤，并且快速的除錯(cuò)2021-04-04
JavaScript中保留小數(shù)點(diǎn)后N位方法總結(jié)
這篇文章主要為大家詳細(xì)介紹了JavaScript中保留小數(shù)點(diǎn)后N位的幾個(gè)常用方法，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以跟隨小編一起了解一下2023-06-06
這篇文章主要介紹了JS前端解壓zip的方法和技巧,業(yè)務(wù)中有時(shí)候需要獲取某個(gè) zip 壓縮包內(nèi)的文件內(nèi)容展示到前端,在 zip 包體積不是那么大的時(shí)候并且不涉及壓縮包解密的時(shí)候,可以考慮純前端方案,需要的朋友可以參考下2024-03-03
基于JavaScript的數(shù)據(jù)結(jié)構(gòu)隊(duì)列動(dòng)畫實(shí)現(xiàn)示例解析
這篇文章主要介紹了基于JavaScript的數(shù)據(jù)結(jié)構(gòu)隊(duì)列動(dòng)畫實(shí)現(xiàn)示例解析，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
這篇文章介紹了去掉gridPanel表頭全選框的小例子，有需要的朋友可以參考一下2013-07-07
Three.js是一個(gè)JavaScript庫(kù),用于在Web瀏覽器中創(chuàng)建3D Web圖形,下面這篇文章主要給大家介紹了關(guān)于three.js安裝和使用的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-11-11
微信小程序MoxB實(shí)現(xiàn)全局狀態(tài)管理流程詳解
這篇文章主要介紹了微信小程序使用MoxB實(shí)現(xiàn)全局狀態(tài)管理方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)吧2022-11-11
substring是從中截取一段字符串,在組成一個(gè)新的字符串,這篇文章主要介紹了js中substring使用示例小結(jié),本文通過示例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下2024-01-01
event對(duì)象獲取方法總結(jié)在google瀏覽器下測(cè)試
Event 對(duì)象代表事件的狀態(tài)，比如事件在其中發(fā)生的元素、鍵盤按鍵的狀態(tài)、鼠標(biāo)的位置、鼠標(biāo)按鈕的狀態(tài)，Event對(duì)象的獲取方法如下，感興趣的朋友可以參考下2013-11-11