Javascript知識點：IIFE - 立即調(diào)用函數(shù)

goji 發(fā)布于2019-08-19 14:51 / 2987人閱讀

摘要：所以那些匿名函數(shù)附近使用括號或一些一元運算符的慣用法，就是來引導解析器，指明運算符附近是一個表達式。

Immediately-invoked Function Expression（IIFE，立即調(diào)用函數(shù)），簡單的理解就是定義完成函數(shù)之后立即執(zhí)行。因此有時候也會被稱為“自執(zhí)行的匿名函數(shù)”（self-executing anonymous function）。

IIFE的叫法最早見于Ben Alman的文章。文章中Ben Alman 已經(jīng)解釋得很清楚了，希望定義自執(zhí)行函數(shù)式常見的語法錯誤有兩種：

1) function (){ }()

期望是立即調(diào)用一個匿名函數(shù)表達式，結果是進行了函數(shù)聲明，函數(shù)聲明必須要有標識符做為函數(shù)名稱。

2) function g(){ }()

期望是立即調(diào)用一個具名函數(shù)表達式，結果是聲明了函數(shù) g。末尾的括號作為分組運算符，必須要提供表達式做為參數(shù)。
所以那些匿名函數(shù)附近使用括號或一些一元運算符的慣用法，就是來引導解析器，指明運算符附近是一個表達式。

按照這個理解，可以舉出五類，超過十幾種的讓匿名函數(shù)表達式立即調(diào)用的寫法：

1）使用括號

( function() {}() );
( function() {} )();
[ function() {}() ];

2）使用一元操作符

~ function() {}();
! function() {}();
+ function() {}();
- function() {}();

3）使用void等操作符

delete function() {}();
typeof function() {}();
void function() {}();

4）使用表達式

var i = function(){ return 10; }();
14.true && function(){ /* code */ }();
15.0, function(){ /* code */ }();
1 ^ function() {}();
1 > function() {}();

5）使用new關鍵字

new function(){ /* code */ }

31.new function(){ /* code */ }() //如果沒有參數(shù)，最后的()就不需要了

但是總體來說，比較常見的是如下三種寫法：

// Crockford"s preference - parens on the inside
(function() {
  console.log("Welcome to the Internet. Please follow me.");
}()); 

(function() {
  console.log("Welcome to the Internet. Please follow me."); 

})(); 

!function() {

  console.log("Welcome to the Internet. Please follow me."); 

}();

其實討論IIFE的多少種寫法多少和研究茴香豆的“茴”字有幾種寫法一樣無聊，但其實不無用處，至少在閱讀別人的代碼時見到這樣的寫法不至于不知所云，抑或可以拿出去和小伙伴們裝裝，頓時覺得逼格提升不少。

參考資料：

http://benalman.com/news/2010/11/immediately-invoked-function-expression/（中文譯文：http://www.cnblogs.com/TomXu/archive/2011/12/31/2289423.html）

http://www.elijahmanor.com/angry-birds-of-javascript-red-bird-iife/（中文譯文：http://nuysoft.com/2013/04/15/angry-birds-of-javascript-red-bird-iife/Immediately-invoked%20Function%20Expression）

http://www.zhihu.com/question/20249179

GPU云服務器云服務器 javascript調(diào)用函數(shù) javascript調(diào)用php函數(shù) javascript知識點 javascript知識

文章版權歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/78140.html

JavaScript-立即調(diào)用函數(shù)表達式（IIFE）

摘要：將匿名函數(shù)賦予一個變量，叫函數(shù)表達式，這是最常見的函數(shù)表達式語法形式。組成這是一個被稱為自執(zhí)行匿名函數(shù)的設計模式，主要包含兩部分。一、函數(shù)聲明&函數(shù)表達式 1.1 函數(shù)聲明 (函數(shù)語句) showImg(https://segmentfault.com/img/bVbbqvT?w=278&h=166); （1）使用 function 關鍵字聲明一個函數(shù)，再指定一個函數(shù)名，叫函數(shù)聲明。...

XUI 2019-08-26 11:55 評論0 收藏0
[譯] JavaScript：立即執(zhí)行函數(shù)表達式（IIFE）

摘要：而且，如果你想跳過這里，你可以直接跳到立即調(diào)用函數(shù)表達式進行閱讀，但是我建議你讀完整篇文章。當圓括號包裹函數(shù)時，它會默認將函數(shù)作為表達式去解析，而不是函數(shù)聲明。什么是呢它使一個被立即調(diào)用的函數(shù)表達式。一旦命名，函數(shù)將不再匿名。原文：http://benalman.com/news/2010/11/immediately-invoked-function-expression/#iif...

546669204 2019-08-21 10:46 評論0 收藏0
快速掌握JavaScript面試基礎知識(二)

摘要：第一部分請點擊快速掌握面試基礎知識一閉包閉包由一個函數(shù)以及該函數(shù)定義是所在的環(huán)境組成。當匿名函數(shù)執(zhí)行的時候，的值為。這個問題可以改用后面會介紹方法來解決，通過對每一個匿名函數(shù)構建獨立的外部作用域來實現(xiàn)。譯者按：總結了大量JavaScript基本知識點，很有用！原文: The Definitive JavaScript Handbook for your next develope...

fyber 2019-08-26 11:43 評論0 收藏0
立即執(zhí)行函數(shù)表達式(IIFE)

摘要：另外，如果你想跳過這里，你可以直接跳到立即調(diào)用函數(shù)表達式進行閱讀，但是我建議你讀完整篇文章。當圓括號包裹函數(shù)時，它會默認將函數(shù)作為表達式去解析，而不是函數(shù)聲明。原文：Immediately-Invoked Function Expression (IIFE) by Ben Alman原譯：立即執(zhí)行函數(shù) by Murphywuwu改增內(nèi)容： by blanu 也許你沒有注意到，我是一個...

Yu_Huang 2019-08-20 12:28 評論0 收藏0
前端計劃——JavaScript中關于setTimeout的那些事

摘要：需要注意的是，及更早的瀏覽器不支持第一種語法中向延遲函數(shù)傳遞額外參數(shù)的功能。如果在不改變遞歸模式的前提下修善這段代碼解決方案加入定時器題目四考察和系列解釋立即的對象，是在本輪事件循環(huán)的結束時，而不是在下一輪事件循環(huán)的開始時。前言：setTimeout是JavaScript中常見的一個window對象方法，本文將介紹關于它的一些基礎知識和易出錯的地方。 1、基礎知識作用：setTim...

sihai 2019-08-20 17:16 評論0 收藏0