您好,登錄后才能下訂單哦!
這篇文章主要講解了“javascript中沒有名稱的函數是什么”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“javascript中沒有名稱的函數是什么”吧!
在javascript中,沒有名稱的函數叫“匿名函數”,語法“function (){}”。匿名函數的作用:1、通過匿名函數可以實現閉包;2、模擬塊級作用域,減少全局變量。
本教程操作環境:windows7系統、ECMAScript 6版、Dell G3電腦。
匿名函數:沒有實際名字的函數。
首先我們聲明一個普通函數:
//聲明一個普通函數,函數的名字叫fn function fn(){ console.log("hello world"); }
然后將函數的名字去掉即是匿名函數:
//匿名函數,咦,運行時,你會發現報錯啦! function (){ console.log("hello world"); }
到此,你會發現單獨運行一個匿名函數,由于不符合語法要求,報錯啦!解決方法只需要給匿名函數包裹一個括號即可:
//匿名函數在其它應用場景括號可以省略 (function (){ //由于沒有執行該匿名函數,所以不會執行匿名函數體內的語句。 console.log("hello world"); })
如果需要執行匿名函數,在匿名函數后面加上一個括號即可立即執行!
(function (){ //此時會輸出hello world console.log("hello world"); })()
倘若需要傳值,直接將參數寫到括號內即可:
(function (str){ //此時會輸出hello world! console.log("hello"); })(" world!")
匿名函數的應用場景
1、事件
<input type="button" value="點我啊!" id="sub"> <script> //獲得按鈕元素 var sub=document.querySelector("#sub"); //給按鈕增加點擊事件。 sub.onclick=function(){ alert("當點擊按鈕時會執行到我哦!"); } </script>
2、對象
var obj={ name:"張三", age:18, fn:function(){ return "我叫"+this.name+"今年"+this.age+"歲了!"; } }; console.log(obj.fn());//我叫張三今年18歲了!
3、函數表達式
//將匿名函數賦值給變量fn。 var fn=function(){ return "我是一只小小小小留下,怎么飛也飛不高!" } //調用方式與調用普通函數一樣 console.log(fn());//我是一只小小小小留下,怎么飛也飛不高!
4、回調函數
setInterval(function(){ console.log("我其實是一個回調函數,每次1秒鐘會被執行一次"); },1000);
5、返回值
//將匿名函數作為返回值 function fn(){ //返回匿名函數 return function(){ return "hello world"; } } //調用匿名函數 console.log(fn()());//hello world //或 var box=fn(); console.log(box());//hello world
模仿塊級作用域
塊級作用域,有的地方稱為私有作用域。JavaScript中是沒有塊級作用域的,例如:
if(1==1){//條件成立,執行if代碼塊語句。 var a=12;//a為全局變量 } console.log(a);//12 for(var i=0;i<3;i++){ console.log(i); } console.log(i);//4
if(){}for(){}等沒有自己的作用域。如果有,出了自己的作用域,聲明的變量就會立即被銷毀了。但是咱們可以通過匿名函數來模擬塊級作用域:
(function(){ //這里是我們的塊級作用域(私有作用域) })();
嘗試塊級作用域:
function fn(){ (function(){ var la="啦啦啦!"; })(); console.log(la);//報錯---la is not defined } fn();
匿名函數的作用:
1、通過匿名函數可以實現閉包,關于閉包在后面的文章中會重點講解。在這里簡單介紹一下:閉包是可以訪問在函數作用域內定義的變量的函數。若要創建一個閉包,往往都需要用到匿名函數。
2、模擬塊級作用域,減少全局變量。執行完匿名函數,存儲在內存中相對應的變量會被銷毀,從而節省內存。再者,在大型多人開發的項目中,使用塊級作用域,會大大降低命名沖突的問題,從而避免產生災難性的后果。自此開發者再也不必擔心搞亂全局作用域了。
感謝各位的閱讀,以上就是“javascript中沒有名稱的函數是什么”的內容了,經過本文的學習后,相信大家對javascript中沒有名稱的函數是什么這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關知識點的文章,歡迎關注!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。