深入理解JavaScript 中的匿名函數((function() {})();)與變量的作用域

匿名函數：沒有實際名字的函數。

匿名函數的作用：

1、通過匿名函數可以實現閉包，關于閉包在后面的文章中會重點講解。在這里簡單介紹一下：閉包是可以訪問在函數作用域內定義的變量的函數。若要創建一個閉包，往往都需要用到匿名函數。
2、模擬塊級作用域，減少全局變量。執行完匿名函數，存儲在內存中相對應的變量會被銷毀，從而節省內存。再者，在大型多人開發的項目中，使用塊級作用域，會大大降低命名沖突的問題，從而避免產生災難性的后果。自此開發者再也不必擔心搞亂全局作用域了。

本章節重點給大家介紹JavaScript 中的匿名函數((function() {})();)與變量的作用域，具體內容如下所示：

以前都是直接用前端框架Bootstrap，突然想看看Javascript，發現javascript是個非常有趣的東西，這里把剛碰到的一個小問題的理解做下筆錄（廢話不多說，上代碼）。

/**
 * Example 1
 */
var localvar = "local var";
console.log(localvar);//local var
/**
 * Example 2
 */
console.log(x === undefined); // true
var x = 3;
/**
 * Example 3
 */
var myvar = "my value";
//Test01
//will return a value of undefined
(function() {
 console.log(myvar); // undefined
 var myvar = "local value";
 console.log(myvar); // local value
})();
console.log(myvar);//my value
//Test02
(function myFunction(){
 console.log(myvar);//my value
})();
//Test03
var test = new function(){
 console.log(myvar);//my value
};

解釋如下：

(1).JavaScript 變量的特別之處是，你可以引用稍后聲明的變量而不會引發異常。這一概念稱為變量聲明提升(hoisting)；

(2).JavaScript 變量感覺上是被“提升”或移到了函數或語句的頂部。然而提升后的變量將返回 undefined 值。

(3).在使用或引用某個變量之后進行聲明和初始化操作，這個被提升的引用仍將得到 undefined 值。

(4).這里Example 3中Test01是這次問題的關鍵，Test01和Test02是很相似的(至少我看著很相似)。但是最后輸出結果不能用（1）、（2）、（3）來解釋

　　經過查看官方API文檔發現，在匿名函數(function() {})();的使用中形成了閉包（重點，不清楚的可以查閱閉包的概念，閉包概念還是好理解的）；

　　由于閉包的存在，全局變量自然無法訪問（閉包的一個重要原因就是為了避免訪問全局變量），故Test01 function中第一句輸出結果為undefined。

總結原因：匿名函數(function() {})();是一個特殊的閉包寫法。

總結

以上所述是小編給大家介紹的JavaScript 中的匿名函數((function() {})();)與變量的作用域，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com