快捷導(dǎo)航

function, new function, new Function之間的區(qū)別

更新時(shí)間：2007年03月08日 00:00:00 作者：

函數(shù)是JavaScript中很重要的一個(gè)語言元素，并且提供了一個(gè)function關(guān)鍵字和內(nèi)置對(duì)象Function，下面是其可能的用法和它們之間的關(guān)系。

使用方法一：

 var foo01 = function() //or fun01 = function()  
 {  
     var temp = 100;  
     this.temp = 200;  
     return temp + this.temp;  
 }  

 alert(typeof(foo01));  
 alert(foo01()); 

   運(yùn)行結(jié)果：
function
300    最普通的function使用方式，定一個(gè)JavaScript函數(shù)。兩種寫法表現(xiàn)出來的運(yùn)行效果完全相同，唯一的卻別是后一種寫法有較高的初始化優(yōu)先級(jí)。在大擴(kuò)號(hào)內(nèi)的變量作用域中，this指代foo01的所有者，即window對(duì)象。

    使用方法二：

復(fù)制代碼代碼如下:

var foo02 = new function()  
 {  
     var temp = 100;  
     this.temp = 200;  
     return temp + this.temp;  
 }  

 alert(typeof(foo02));  
 alert(foo02.constructor());    

運(yùn)行結(jié)果：  object
300    這是一個(gè)比較puzzle的function的使用方式，好像是定一個(gè)函數(shù)。但是實(shí)際上這是定一個(gè)JavaScript中的用戶自定義對(duì)象，不過這里是個(gè)匿名類。這個(gè)用法和函數(shù)本身的使用基本沒有任何關(guān)系，在大擴(kuò)號(hào)中會(huì)構(gòu)建一個(gè)變量作用域，this指代這個(gè)作用域本身。

    使用方法三：

復(fù)制代碼代碼如下:

var foo3 = new Function('var temp = 100; this.temp = 200; return temp + this.temp;');  

 alert(typeof(foo3));  
 alert(foo3());    

運(yùn)行結(jié)果：  function
300    使用系統(tǒng)內(nèi)置函數(shù)對(duì)象來構(gòu)建一個(gè)函數(shù)，這和方法一中的第一種方式在效果和初始化優(yōu)先級(jí)上都完全相同，就是函數(shù)體以字符串形式給出。

    使用方法四：

復(fù)制代碼代碼如下:

var foo4 = Function('var temp = 100; this.temp = 200; return temp + this.temp;');  

 alert(typeof(foo4));  
 alert(foo4());    

運(yùn)行結(jié)果：
function
300 這個(gè)方式是不常使用的，效果和方法三一樣，不過不清楚不用new來生成有沒有什么副作用，這也體現(xiàn)了JavaScript一個(gè)最大的特性：靈活！能省就省。

關(guān)于函數(shù)初始化優(yōu)先級(jí)這個(gè)問題，可以參看："JS類定義原型方法的兩種實(shí)現(xiàn)的區(qū)別"的回復(fù)。

您可能感興趣的文章: