深入淺析JS Function()構造函數
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()構造函數, Function()構造函數雖然不是很常用,但是了解一下還是很有必要的。
不管是通過函數定義語句還是函數直接量表達式,函數的定義都要使用 function()關鍵字。單函數還可以通過Function()構造函數來定義,比如:
var f=new Function("x","y","return x*y");
這一行的實際效果和下面的一行代碼是等價的。
var f=function(x,y){x*y};
Function()構造函數可以傳入任意數量的字符串實參,最后一個實參所表示的文本是函數體;它可以包含任意的Javascript 語句,每條語句之間用分號分割。傳入構造函數的其他所有的實參字符串是指定函數的名字的字符串。如果定義的函數不包含任何參數,只需給構造函數簡單地傳入 一個字符串函數體即可。
關于Function()構造函數需要特別注意一下幾點:
1.Function()構造函數允許JavaScript在運行時動態(tài)的創(chuàng)建并編譯函數。
2.每次調用Function()構造函數都會解析函數體,并創(chuàng)建新的函數對象。如果是在一個循環(huán)或者多次調用的函數中執(zhí)行這個構造函數,執(zhí)行效率會受到影響。相比之下,循環(huán)中的嵌套函數和函數定義表達式則不會每次執(zhí)行時都重新編譯。
2.最后的一點,也是關于Function()構造函數非常重要的一點,就是它所創(chuàng)建的函數并不使用詞法作用域,相反,函數體代碼的編譯總是會在頂層函數執(zhí)行??赐赀@一點,上面的函數constructFunction()();返回“global”應該很容易理解了吧?
以上所述是小編給大家介紹的JS Function()構造函數,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持!
相關文章
JavaScript和CSS通過expression實現Table居中顯示
如何將表格居中的顯示使用一個叫expression的函數,多數的瀏覽器都支持這個函數,感興趣的朋友可以看一下具體的實現哈2013-06-06javascript中break,continue和return語句用法小結
break,continue和return這三個語句的用法新手們經常弄混淆,至少在我學習c語言的時候經常把它們的用法給搞錯。不過現在好了,我已徹底搞清楚它們之間的用法2012-05-05