首頁 >web前端 >js教程 >在 js中function前面加!方面的問題,程式碼附上

在 js中function前面加!方面的問題,程式碼附上

亚连
亚连原創
2018-05-18 10:18:221374瀏覽

以下是我給大家整理的有關 js中function前面加!方面的問題,有興趣的同學可以去看看。

我們都知道,函數的宣告方式有這兩種

function fnA(){alert('msg');}//声明式定义函数
var fnB = function(){alert('msg');}//函数赋值表达式定义函数12

函數的呼叫方式通常是FunctionName()

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

function msg(){
  alert('message');
}();//解析器是无法理解的123

定義函數的呼叫方式應該是 msg(); 那為什麼將函數體部分用()包起來就可以了呢?

原來,使用括號包裹定義函數體,解析器會以函數表達式的方式去呼叫定義函數。也就是說,任何能將函數變成一個函數表達式的作法,都可以讓解析器正確的呼叫定義函數。而 ! 就是其中一個,而  - || ~都有這樣的功能。

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

// 这么写会报错,因为这是一个函数定义:
function() {}()
// 常见的(多了一对括号),调用匿名函数:
(function() {})()
// 但在前面加上一个布尔运算符(只多了一个感叹号),就是表达式了,将执行后面的代码,也就合法实现调用
!function() {}()

上面是我整理給大家的在 js中function前面加!方面的問題,希望今後會對大家有幫助。

相關文章:

詳細講解JS和app互動的方式(程式碼附上)

詳細講解Js apply ()使用(含程式碼)

簡單易懂,javascript自學學習筆記

#

以上是在 js中function前面加!方面的問題,程式碼附上的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn