深入理解JavaScript 中的匿名函數((function() {})();)與變量的作用域
匿名函數:沒有實際名字的函數。
匿名函數的作用:
1、通過匿名函數可以實現(xiàn)閉包,關于閉包在后面的文章中會重點講解。在這里簡單介紹一下:閉包是可以訪問在函數作用域內定義的變量的函數。若要創(chuàng)建一個閉包,往往都需要用到匿名函數。
2、模擬塊級作用域,減少全局變量。執(zhí)行完匿名函數,存儲在內存中相對應的變量會被銷毀,從而節(jié)省內存。再者,在大型多人開發(fā)的項目中,使用塊級作用域,會大大降低命名沖突的問題,從而避免產生災難性的后果。自此開發(fā)者再也不必擔心搞亂全局作用域了。
本章節(jié)重點給大家介紹JavaScript 中的匿名函數((function() {})();)與變量的作用域,具體內容如下所示:
以前都是直接用前端框架Bootstrap,突然想看看Javascript,發(fā)現(xiàn)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 變量的特別之處是,你可以引用稍后聲明的變量而不會引發(fā)異常。這一概念稱為變量聲明提升(hoisting);
(2).JavaScript 變量感覺上是被“提升”或移到了函數或語句的頂部。然而提升后的變量將返回 undefined 值。
(3).在使用或引用某個變量之后進行聲明和初始化操作,這個被提升的引用仍將得到 undefined 值。
(4).這里Example 3中Test01是這次問題的關鍵,Test01和Test02是很相似的(至少我看著很相似)。但是最后輸出結果不能用(1)、(2)、(3)來解釋
經過查看官方API文檔發(fā)現(xiàn),在匿名函數(function() {})();的使用中形成了閉包(重點,不清楚的可以查閱閉包的概念,閉包概念還是好理解的);
由于閉包的存在,全局變量自然無法訪問(閉包的一個重要原因就是為了避免訪問全局變量),故Test01 function中第一句輸出結果為undefined。
總結原因:匿名函數(function() {})();是一個特殊的閉包寫法。
總結
以上所述是小編給大家介紹的JavaScript 中的匿名函數((function() {})();)與變量的作用域,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持!
相關文章
layui--select使用以及下拉框實現(xiàn)鍵盤選擇的例子
今天小編就為大家分享一篇layui--select使用以及下拉框實現(xiàn)鍵盤選擇的例子,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
微信小程序開發(fā)之自定義tabBar的實現(xiàn)
這篇文章主要介紹了微信小程序開發(fā)之自定義tabBar的實現(xiàn),小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
JavaScript 全面解析各種瀏覽器網頁中的JS 執(zhí)行順序
近來我通過一些測試以全面的解析網頁在各種瀏覽器中的JavaScript代碼的執(zhí)行順序,在這兒做個記錄。2009-02-02
Javascript 實現(xiàn)廣告后加載 可加載百度谷歌聯(lián)盟廣告
本文主要介紹一種新的廣告后加載的方式,支持自定義HTML廣告、百度聯(lián)盟廣告和谷歌聯(lián)盟廣告。這種方式在頁面加載完成后執(zhí)行,不影響內容的顯示,對用戶更加友好。2016-05-05
老生常談javascript中邏輯運算符&&和||的返回值問題
下面小編就為大家?guī)硪黄仙U刯avascript中邏輯運算符&&和||的返回值問題。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-04-04

