js宣告函數的四種方式

這次帶給大家js宣告函數##​​#的四種方式，js宣告函數的注意事項有哪些，下面就是實戰案例，一起來看一下。

Function，以下是其可能的用法和它們之間的關係。

使用方法一： 

var foo01 = function() {   
    var temp = 100;       
    this.temp = 200;       
    return temp + this.temp;   
}   
alert(typeof(foo01));   
alert(foo01());

運行結果：  function  300

解釋：最普通的function使用方式，設定一個
JavaScript函數。兩種寫法表現出來的運作效果完全相同，唯一的卻別是後者寫法有較高的初始化優先權。在大擴號內的變數作用域中，this指涉foo01的擁有者，即window物件。

使用方法二：

var foo02  =  new function() {    var temp  =  100;    this.temp  =  200;       
    return  temp  +  this.temp;   
}   
console.log( typeof( foo02 ) );   //'object'console.log( foo02.constructor() ); //300

運行結果：  object  300

解釋：這是一個比較puzzle的function的使用方式，好像是定一個函數。但其實這是定一個JavaScript中的使用者自訂對象，不過這裡是個匿名類別。這個用法和函數本身的使用基本上沒有任何關係，在大擴號中會建立一個變數作用域，this指涉這個作用域本身。

使用方法三： 

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

運行結果：  function  300

解釋：使用系統
內建函數物件來建立一個函數，這和方法一中的第一種方式在效果和初始化優先權上都完全相同，就是函數體以字串形式給出。

使用方法四：  

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

運行結果： function 300

解釋：這個方式是不常使用的，效果和方法三一樣，不過不清楚不用new來產生有沒有副作用，這也反映了JavaScript最大的特性：靈活！能省就省。

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

相關閱讀：

詳解Vue列表渲染

用

和段落

寫一個三毛語錄

HTML的內嵌樣式改進《三毛經典語錄》

深入分析JS函數

以上是js宣告函數的四種方式的詳細內容。更多資訊請關注PHP中文網其他相關文章！