javascript函數可以不寫函數名;沒有名稱的函數叫「匿名函數」,該函數僅包含function關鍵字、引數和函數體,語法為「function ([args]){statements}」。匿名函數的作用:1、通過匿名函數可以實現閉包;2、模擬塊級作用域,減少全域性變數。
前端(vue)入門到精通課程:進入學習
本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。
javascript函數可以不寫函數名,沒有名稱的函數叫「匿名函數」。
匿名函數:沒有實際名字的函數。
匿名函數僅包含 function 關鍵字、引數和函數體。具體用法如下:
function ([args]) { statements }
首先我們宣告一個普通函數:
//宣告一個普通函數,函數的名字叫fn function fn(){ console.log("web-chubby"); }
然後將函數的名字去掉即是匿名函數:
//匿名函數,咦,執行時,你會發現報錯啦! function (){ console.log("web-chubby"); }
到此,你會發現單獨執行一個匿名函數,由於不符合語法要求,報錯啦!
解決方法:只需要給匿名函數包裹一個括號,使之成為表示式即可:
//匿名函數在其它應用場景括號可以省略 (function (){ //由於沒有執行該匿名函數,所以不會執行匿名函數體內的語句。 console.log("web-chubby"); })
如何執行和使用匿名函數?
1、執行匿名函數
如果需要執行匿名函數,在匿名函數後面加上一個括號即可,也就是立即執行函數
小括號只將匿名函數包裹起來 後面跟隨執行的小括號(常用)
(function () { alert('匿名函數執行方式一') })();
小括號將匿名函數以及執行匿名函數的小括號都包裹起來 整體構成一個表示式
2、匿名函數傳參
與其他普通引數的傳參方式一樣,直接將引數寫到括號內即可:
(function (m) { alert(m) }('這是匿名函數傳進來的引數'));
匿名函數的應用
繫結事件時的方法
<input type="button" value="點我啊!" id="sub"> <script> //獲得按鈕元素 var sub=document.querySelector("#sub"); //給按鈕增加點選事件。 sub.onclick=function(){ alert("當點選按鈕時會執行到我哦!"); } </script>
函數表示式 將匿名函數賦值給一個變數
//將匿名函數賦值給變數fn。 var fn=function(){ return "我是一隻小小小小留下,怎麼飛也飛不高!" } //呼叫方式與呼叫普通函數一樣 console.log(fn());//我是一隻小小小小留下,怎麼飛也飛不高!
物件裡面的函數屬性
var obj={ name:"web-chubby", age:18, fn:function(){ return "我叫"+this.name+"今年"+this.age+"歲了!"; } }; console.log(obj.fn());//我叫web-chubby今年18歲了!
回撥函數,將匿名函數作為其中的一個引數
//過濾出值為9的值 let numArr = [1, 5, 9, 10] let newArr = numArr.filter(function (item) { if (item !== 9) { return item } });
函數返回值,即將函數作為一個返回值
//將匿名函數作為返回值 function fn(){ //返回匿名函數 return function(){ return "web-chubby"; } } //呼叫匿名函數 console.log(fn()());//web-chubby //或 var box=fn(); console.log(box());//web-chubby
模仿塊級作用域
塊級作用域,有的地方稱為私有作用域。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可以不寫函數名嗎的詳細內容,更多請關注TW511.COM其它相關文章!