日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當(dāng)前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

js立即执行函数: (function ( ){...})( ) 与 (function ( ){...}( )) 有区别?

發(fā)布時間:2023/12/31 编程问答 32 豆豆
生活随笔 收集整理的這篇文章主要介紹了 js立即执行函数: (function ( ){...})( ) 与 (function ( ){...}( )) 有区别? 小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

在SF上看到這樣一個問題,我覺得問得很好,所以弄成文章收集了。

沒有區(qū)別。

你需要明白 IIFE 的原理,我簡單說一下:

function foo() {...} // 這是定義,Declaration;定義只是讓解釋器知道其存在,但是不會運行。foo(); // 這是語句,Statement;解釋器遇到語句是會運行它的。

IIFE 并非必須,傳統(tǒng)一點可以這么寫:

function foo() {...} foo();

那么為什么要 IIFE?

  • 傳統(tǒng)的方法啰嗦,定義和執(zhí)行分開寫;

  • 傳統(tǒng)的方法直接污染全局命名空間(瀏覽器里的 global 對象,如 window)

  • 于是,開發(fā)者們想找一個可以解決以上問題的寫法。那么像下面這么寫行不行呢?

    function foo(...){}();

    當(dāng)然是不能,但是為什么呢?因為 function foo(...){} 這個部分只是一個聲明,對于解釋器來說,就好像你寫了一個字符串 "function foo(...){}",它需要使用解析函數(shù),比如eval() 來執(zhí)行它才可以。所以把 () 直接放在聲明后面是不會執(zhí)行,這是錯誤的語法。

    如何把它變得正確?說起來也簡單,只要把 聲明 變成 表達式(Expression) 就可以了。

    實際上轉(zhuǎn)變表達式的辦法還是很多的,最常見的辦法是把函數(shù)聲明用一對 () 包裹起來,于是就變成了:

    (function foo() {...}) // 這里是故意換行,實際上可以和下面的括號連起來 ();

    這就等價于:

    var foo = function () {...}; // 這就不是定義,而是表達式了。 foo();

    但是之前我們說不行的那個寫法,其實也可以直接用括號包起來,這也是一種等價的表達式:

    (function foo(){...}());

    所以答案是:木有區(qū)別~

    另外,剛才說過轉(zhuǎn)變表達式的方式很多,的確還有很多別的寫法,比如:

    !function foo() {...}();

    或者

    +function foo() {...}();

    這些都可以。

    我個人挺偏愛用 void 來轉(zhuǎn)變表達式,因為此關(guān)鍵字不會有返回值。不過這一點真的沒有什么要緊的,就當(dāng)我“龜毛”好了……

    void function () {// 這里是真正需要的代碼 }();

    OK,所謂不去污染全局命名空間,是因為 IIFE 創(chuàng)建了一個新的函數(shù)作用域,你真正的業(yè)務(wù)代碼被封裝在其中,自然就不會觸碰到全局對象了。如果你需要全局對象,那就 pass 給 IIFE:

    void function (global) {// 在這里,global 就是全局對象了 }(this) // 在瀏覽器里,this 就是 window 對象

    總結(jié)

    以上是生活随笔為你收集整理的js立即执行函数: (function ( ){...})( ) 与 (function ( ){...}( )) 有区别?的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。

    如果覺得生活随笔網(wǎng)站內(nèi)容還不錯,歡迎將生活随笔推薦給好友。