溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

javascript中沒有名稱的函數(shù)是什么

發(fā)布時間:2021-04-09 18:08:24 來源:億速云 閱讀:376 作者:啵贊 欄目:web開發(fā)

這篇文章主要講解了“javascript中沒有名稱的函數(shù)是什么”,文中的講解內(nèi)容簡單清晰,易于學(xué)習(xí)與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學(xué)習(xí)“javascript中沒有名稱的函數(shù)是什么”吧!

在javascript中,沒有名稱的函數(shù)叫“匿名函數(shù)”,語法“function (){}”。匿名函數(shù)的作用:1、通過匿名函數(shù)可以實現(xiàn)閉包;2、模擬塊級作用域,減少全局變量。

javascript中沒有名稱的函數(shù)是什么

本教程操作環(huán)境:windows7系統(tǒng)、ECMAScript 6版、Dell G3電腦。

匿名函數(shù):沒有實際名字的函數(shù)。

首先我們聲明一個普通函數(shù):

//聲明一個普通函數(shù),函數(shù)的名字叫fn
function fn(){
    console.log("hello world");
}

然后將函數(shù)的名字去掉即是匿名函數(shù):

//匿名函數(shù),咦,運行時,你會發(fā)現(xiàn)報錯啦!
function (){
    console.log("hello world");
}

到此,你會發(fā)現(xiàn)單獨運行一個匿名函數(shù),由于不符合語法要求,報錯啦!解決方法只需要給匿名函數(shù)包裹一個括號即可:

//匿名函數(shù)在其它應(yīng)用場景括號可以省略
(function (){
    //由于沒有執(zhí)行該匿名函數(shù),所以不會執(zhí)行匿名函數(shù)體內(nèi)的語句。
    console.log("hello world");
})

如果需要執(zhí)行匿名函數(shù),在匿名函數(shù)后面加上一個括號即可立即執(zhí)行!

(function (){
    //此時會輸出hello world
    console.log("hello world");
})()

倘若需要傳值,直接將參數(shù)寫到括號內(nèi)即可:

(function (str){
    //此時會輸出hello world!
    console.log("hello");
})(" world!")

匿名函數(shù)的應(yīng)用場景

1、事件

<input type="button" value="點我啊!" id="sub">
<script>
    //獲得按鈕元素
    var sub=document.querySelector("#sub");
    //給按鈕增加點擊事件。
    sub.onclick=function(){
        alert("當(dāng)點擊按鈕時會執(zhí)行到我哦!");
    }
</script>

2、對象

var obj={
    name:"張三",
    age:18,
    fn:function(){
        return "我叫"+this.name+"今年"+this.age+"歲了!";
    }
};
console.log(obj.fn());//我叫張三今年18歲了!

3、函數(shù)表達(dá)式

//將匿名函數(shù)賦值給變量fn。
var fn=function(){
    return "我是一只小小小小留下,怎么飛也飛不高!"
}
//調(diào)用方式與調(diào)用普通函數(shù)一樣
console.log(fn());//我是一只小小小小留下,怎么飛也飛不高!

4、回調(diào)函數(shù)

setInterval(function(){
    console.log("我其實是一個回調(diào)函數(shù),每次1秒鐘會被執(zhí)行一次");
},1000);

5、返回值

//將匿名函數(shù)作為返回值
function fn(){
    //返回匿名函數(shù)
    return function(){
        return "hello world";
    }
}
//調(diào)用匿名函數(shù)
console.log(fn()());//hello world
//或
var box=fn();
console.log(box());//hello world

模仿塊級作用域

  • 塊級作用域,有的地方稱為私有作用域。JavaScript中是沒有塊級作用域的,例如:

if(1==1){//條件成立,執(zhí)行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(){}等沒有自己的作用域。如果有,出了自己的作用域,聲明的變量就會立即被銷毀了。但是咱們可以通過匿名函數(shù)來模擬塊級作用域:

(function(){
    //這里是我們的塊級作用域(私有作用域)
})();

嘗試塊級作用域:

function fn(){
    (function(){
        var la="啦啦啦!";
    })();
    console.log(la);//報錯---la is not defined
}
fn();

匿名函數(shù)的作用:

1、通過匿名函數(shù)可以實現(xiàn)閉包,關(guān)于閉包在后面的文章中會重點講解。在這里簡單介紹一下:閉包是可以訪問在函數(shù)作用域內(nèi)定義的變量的函數(shù)。若要創(chuàng)建一個閉包,往往都需要用到匿名函數(shù)。

2、模擬塊級作用域,減少全局變量。執(zhí)行完匿名函數(shù),存儲在內(nèi)存中相對應(yīng)的變量會被銷毀,從而節(jié)省內(nèi)存。再者,在大型多人開發(fā)的項目中,使用塊級作用域,會大大降低命名沖突的問題,從而避免產(chǎn)生災(zāi)難性的后果。自此開發(fā)者再也不必?fù)?dān)心搞亂全局作用域了。

感謝各位的閱讀,以上就是“javascript中沒有名稱的函數(shù)是什么”的內(nèi)容了,經(jīng)過本文的學(xué)習(xí)后,相信大家對javascript中沒有名稱的函數(shù)是什么這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關(guān)知識點的文章,歡迎關(guān)注!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI