深入淺析JS Function()構(gòu)造函數(shù)
js中function對(duì)象是一個(gè)令人著迷的東西,但由于他太過(guò)于靈活,常常令人迷惑.
先給大家看個(gè)代碼片段。
var scope="global"; function constructFunction(){ var scope="local"; return new Function(" return scope"); } constructFunction()(); function constructFunction2(){ var scope="local"; return function(){ return scope; } } constructFunction2()();
看到這兩個(gè)你的第一感覺(jué)是什么?都返回 "local"??,如果是這樣的話(huà)就需要好好看一下下面的講解了。constructFunction2()了解閉包的就應(yīng)該很容易的知道答案 是"local",這里就不細(xì)講了。下面我著重講一下constructFunction()的情況。
這里用到了 Function()構(gòu)造函數(shù), Function()構(gòu)造函數(shù)雖然不是很常用,但是了解一下還是很有必要的。
不管是通過(guò)函數(shù)定義語(yǔ)句還是函數(shù)直接量表達(dá)式,函數(shù)的定義都要使用 function()關(guān)鍵字。單函數(shù)還可以通過(guò)Function()構(gòu)造函數(shù)來(lái)定義,比如:
var f=new Function("x","y","return x*y");
這一行的實(shí)際效果和下面的一行代碼是等價(jià)的。
var f=function(x,y){x*y};
Function()構(gòu)造函數(shù)可以傳入任意數(shù)量的字符串實(shí)參,最后一個(gè)實(shí)參所表示的文本是函數(shù)體;它可以包含任意的Javascript 語(yǔ)句,每條語(yǔ)句之間用分號(hào)分割。傳入構(gòu)造函數(shù)的其他所有的實(shí)參字符串是指定函數(shù)的名字的字符串。如果定義的函數(shù)不包含任何參數(shù),只需給構(gòu)造函數(shù)簡(jiǎn)單地傳入 一個(gè)字符串函數(shù)體即可。
關(guān)于Function()構(gòu)造函數(shù)需要特別注意一下幾點(diǎn):
1.Function()構(gòu)造函數(shù)允許JavaScript在運(yùn)行時(shí)動(dòng)態(tài)的創(chuàng)建并編譯函數(shù)。
2.每次調(diào)用Function()構(gòu)造函數(shù)都會(huì)解析函數(shù)體,并創(chuàng)建新的函數(shù)對(duì)象。如果是在一個(gè)循環(huán)或者多次調(diào)用的函數(shù)中執(zhí)行這個(gè)構(gòu)造函數(shù),執(zhí)行效率會(huì)受到影響。相比之下,循環(huán)中的嵌套函數(shù)和函數(shù)定義表達(dá)式則不會(huì)每次執(zhí)行時(shí)都重新編譯。
2.最后的一點(diǎn),也是關(guān)于Function()構(gòu)造函數(shù)非常重要的一點(diǎn),就是它所創(chuàng)建的函數(shù)并不使用詞法作用域,相反,函數(shù)體代碼的編譯總是會(huì)在頂層函數(shù)執(zhí)行。看完這一點(diǎn),上面的函數(shù)constructFunction()();返回“global”應(yīng)該很容易理解了吧?
以上所述是小編給大家介紹的JS Function()構(gòu)造函數(shù),希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
詳解JavaScript數(shù)組和字符串中去除重復(fù)值的方法
這篇文章主要介紹了詳解JavaScript數(shù)組和字符串中去除重復(fù)值的方法,及利用各種限制條件對(duì)數(shù)組和字符串進(jìn)行過(guò)濾,需要的朋友可以參考下2016-03-03如何在JavaScript中運(yùn)行.NET?Core代碼詳情
這篇文章主要介紹了在JavaScript中運(yùn)行.NET?Core代碼詳情,DotNetJS可以將C#項(xiàng)目編譯為與任何環(huán)境兼容的單文件JavaScript庫(kù),變可以在JavaScript中運(yùn)行.NET?Core代碼,相關(guān)操作分享詳情,需要的小伙伴可以參考一下2022-04-04JavaScript兩種計(jì)時(shí)器的實(shí)例講解
今天小編就為大家分享一篇關(guān)于JavaScript兩種計(jì)時(shí)器的實(shí)例講解,小編覺(jué)得內(nèi)容挺不錯(cuò)的,現(xiàn)在分享給大家,具有很好的參考價(jià)值,需要的朋友一起跟隨小編來(lái)看看吧2019-01-01JavaScript和CSS通過(guò)expression實(shí)現(xiàn)Table居中顯示
如何將表格居中的顯示使用一個(gè)叫expression的函數(shù),多數(shù)的瀏覽器都支持這個(gè)函數(shù),感興趣的朋友可以看一下具體的實(shí)現(xiàn)哈2013-06-06javascript中break,continue和return語(yǔ)句用法小結(jié)
break,continue和return這三個(gè)語(yǔ)句的用法新手們經(jīng)常弄混淆,至少在我學(xué)習(xí)c語(yǔ)言的時(shí)候經(jīng)常把它們的用法給搞錯(cuò)。不過(guò)現(xiàn)在好了,我已徹底搞清楚它們之間的用法2012-05-05Javascript 運(yùn)動(dòng)中Offset的bug解決方案
這篇文章主要介紹了Javascript 運(yùn)動(dòng)中Offset的bug解決方案,需要的朋友可以參考下2014-12-12