深入淺析JS Function()構(gòu)造函數(shù)
js中function對象是一個令人著迷的東西,但由于他太過于靈活,常常令人迷惑.
先給大家看個代碼片段。
var scope="global";
function constructFunction(){
var scope="local";
return new Function(" return scope");
}
constructFunction()();
function constructFunction2(){
var scope="local";
return function(){
return scope;
}
}
constructFunction2()();
看到這兩個你的第一感覺是什么?都返回 "local"??,如果是這樣的話就需要好好看一下下面的講解了。constructFunction2()了解閉包的就應該很容易的知道答案 是"local",這里就不細講了。下面我著重講一下constructFunction()的情況。
這里用到了 Function()構(gòu)造函數(shù), Function()構(gòu)造函數(shù)雖然不是很常用,但是了解一下還是很有必要的。
不管是通過函數(shù)定義語句還是函數(shù)直接量表達式,函數(shù)的定義都要使用 function()關(guān)鍵字。單函數(shù)還可以通過Function()構(gòu)造函數(shù)來定義,比如:
var f=new Function("x","y","return x*y");
這一行的實際效果和下面的一行代碼是等價的。
var f=function(x,y){x*y};
Function()構(gòu)造函數(shù)可以傳入任意數(shù)量的字符串實參,最后一個實參所表示的文本是函數(shù)體;它可以包含任意的Javascript 語句,每條語句之間用分號分割。傳入構(gòu)造函數(shù)的其他所有的實參字符串是指定函數(shù)的名字的字符串。如果定義的函數(shù)不包含任何參數(shù),只需給構(gòu)造函數(shù)簡單地傳入 一個字符串函數(shù)體即可。
關(guān)于Function()構(gòu)造函數(shù)需要特別注意一下幾點:
1.Function()構(gòu)造函數(shù)允許JavaScript在運行時動態(tài)的創(chuàng)建并編譯函數(shù)。
2.每次調(diào)用Function()構(gòu)造函數(shù)都會解析函數(shù)體,并創(chuàng)建新的函數(shù)對象。如果是在一個循環(huán)或者多次調(diào)用的函數(shù)中執(zhí)行這個構(gòu)造函數(shù),執(zhí)行效率會受到影響。相比之下,循環(huán)中的嵌套函數(shù)和函數(shù)定義表達式則不會每次執(zhí)行時都重新編譯。
2.最后的一點,也是關(guān)于Function()構(gòu)造函數(shù)非常重要的一點,就是它所創(chuàng)建的函數(shù)并不使用詞法作用域,相反,函數(shù)體代碼的編譯總是會在頂層函數(shù)執(zhí)行??赐赀@一點,上面的函數(shù)constructFunction()();返回“global”應該很容易理解了吧?
以上所述是小編給大家介紹的JS Function()構(gòu)造函數(shù),希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
淺談javascript函數(shù)劫持[轉(zhuǎn)自xfocus]
javascript函數(shù)劫持,也就是老外提到的javascript hijacking技術(shù)。最早還是和劍心同學討論問題時偶然看到的一段代碼2008-02-02
zTree獲取當前節(jié)點的下一級子節(jié)點數(shù)實例
下面小編就為大家?guī)硪黄獄Tree獲取當前節(jié)點的下一級子節(jié)點數(shù)實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
解決uni-app報錯Error:?read?EBADF?at?Pipe?.?onStreamRead...
這篇文章主要介紹了uni-app報錯Error:?read?EBADF?at?Pipe?.?onStreamRead...解決方法,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-08-08
如何解決java.lang.NumberFormatException: null異常
這篇文章主要介紹了如何解決java.lang.NumberFormatException: null異常問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-03-03

