Javascript中的函數(shù)聲明與函數(shù)表達(dá)式(奇技淫巧)_javascript技巧

在闡述為什么之前，讓我們先來(lái)明確Javascript中的兩個(gè)概念：函數(shù)聲明和函數(shù)表達(dá)式：

先來(lái)看看什么樣的是函數(shù)聲明：
<script> function() { alert("hello, world."); }; function foo() { alert("hello, world."); }; </ script>
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]
再來(lái)看看什么樣的是函數(shù)表達(dá)式：
<script> var foo = function() { alert("hello, world."); }; </ script>
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]
現(xiàn)在回頭看看文章開(kāi)頭的問(wèn)題，為什么去掉位操作符“~”后運(yùn)行會(huì)報(bào)錯(cuò)，這是因?yàn)閺恼Z(yǔ)法解析的角度看，Javascript不允許在函數(shù)聲明的后面直接使用小括號(hào)，而函數(shù)表達(dá)式則沒(méi)有這個(gè)限制，通過(guò)在函數(shù)聲明前面加上一個(gè)“~”操作符，就可以讓語(yǔ)法解析器把后面看成是函數(shù)表達(dá)式，同樣的，在函數(shù)聲明前面加上“!，+，-”等操作符也是可行的。

那我們?yōu)槭裁床皇褂孟旅孢@種函數(shù)表達(dá)式的方式呢？

<script> var foo = function() { alert("hello, world."); }(); </ script>
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]
雖然從語(yǔ)法解析的角度看沒(méi)有問(wèn)題，但是上面的代碼存在弊端，它引入了一個(gè)變量，可能會(huì)污染現(xiàn)有的運(yùn)行環(huán)境，帶來(lái)潛在的問(wèn)題。

使用位操作符“~”的方法多少顯得有點(diǎn)奇技淫巧，其實(shí)把函數(shù)聲明用小括號(hào)套起來(lái)更易讀：

<script> (function() { alert("hello, world."); })(); </ script>
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]
弄明白了原理，不管遇到什么寫(xiě)法，都不會(huì)再丈二和尚摸不著頭腦了。

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com