首頁 > web前端 > js教程 > 分析function前加運算子實作立即執行函數

分析function前加運算子實作立即執行函數

高洛峰
發布: 2017-03-12 13:09:14
原創
1361 人瀏覽過

我們知道函數的呼叫方式通常是FunctionName()

但如果我們嘗試為一個「定義函數」末尾加上(),解析器是無法理解的。

function msg(){
  alert('message');
  }();//解析器是无法理解的
登入後複製

定義函數的呼叫方式應該是 msg()。

想讓函數立即執行可以將函數體部分用()包裹起來。

這是因為,使用括號包覆定義函數體,解析器將會以函數表達式的方式去呼叫定義函數。也就是說,任何能將函數變成一個函數表達式的作法,都可以讓解析器正確的呼叫定義函數。如下:

// 这么写会报错,因为这是一个函数定义:
function() {}()

// 常见的(多了一对括号),调用匿名函数:
(function() {})()

// 但在前面加上一个布尔运算符(只多了一个感叹号),就是表达式了,将执行后面的代码,也就合法实现调用
!function() {}()
登入後複製

! 只是其中一個運算符,而 + - || ~都有這樣的功能。

用 ! 可能更多的是一個習慣問題,不同的運算符,性能是不同的。

效果等同於以下常用的兩種立即執行方式:

(function() {})();
  // or  
(function() {}());
登入後複製

謝謝大家的閱讀。

以上是分析function前加運算子實作立即執行函數的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板