在闡述為什么之前，讓我們先來明確Javascript中的兩個概念：函數聲明和函數表達式：

先來看看什么樣的是函數聲明：
<script> function() { alert("hello, world."); }; function foo() { alert("hello, world."); }; </ script>
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
再來看看什么樣的是函數表達式：
<script> var foo = function() { alert("hello, world."); }; </ script>
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
現在回頭看看文章開頭的問題，為什么去掉位操作符“~”后運行會報錯，這是因為從語法解析的角度看，Javascript不允許在函數聲明的后面直接使用小括號，而函數表達式則沒有這個限制，通過在函數聲明前面加上一個“~”操作符，就可以讓語法解析器把后面看成是函數表達式，同樣的，在函數聲明前面加上“!，+，-”等操作符也是可行的。

那我們為什么不使用下面這種函數表達式的方式呢？

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

使用位操作符“~”的方法多少顯得有點奇技淫巧，其實把函數聲明用小括號套起來更易讀：

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

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com