DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 深入淺析JS Function()構造函數
深入淺析JS Function()構造函數
編輯:關於JavaScript     

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()構造函數,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對網站的支持!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved