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在運行時動態的創建並編譯函數。
2.每次調用Function()構造函數都會解析函數體,並創建新的函數對象。如果是在一個循環或者多次調用的函數中執行這個構造函數,執行效率會受到影響。相比之下,循環中的嵌套函數和函數定義表達式則不會每次執行時都重新編譯。
2.最後的一點,也是關於Function()構造函數非常重要的一點,就是它所創建的函數並不使用詞法作用域,相反,函數體代碼的編譯總是會在頂層函數執行。看完這一點,上面的函數constructFunction()();返回“global”應該很容易理解了吧?
以上所述是小編給大家介紹的JS Function()構造函數,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對網站的支持!