javascript 的 "!function" 是什么意思？

最新推荐文章于 2023-01-17 23:08:17 发布

转载最新推荐文章于 2023-01-17 23:08:17 发布 · 161 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/baisha123/p/6292801.html

文章标签：

#javascript #ViewUI

本文详细介绍了自执行函数表达式(SEFE)的概念及使用方法。SEFE是指在JavaScript中定义并立即执行的一种特殊函数形式，它可以有效地避免变量污染，并提供一种封装作用域的方式。文章还展示了多种自执行函数表达式的写法，包括推荐使用的标准形式以及一些非常规的写法。

这种叫自执行函数表达式
在这种情况下，解析器在解析function关键字的时候，会将相应的代码解析成function表达式，而不是function声明。

// 下面2个括弧()都会立即执行

(function () { /* code */ } ()); // 推荐使用这个
(function () { /* code */ })(); // 但是这个也是可以用的

// 由于括弧()和JS的&&，异或，逗号等操作符是在函数表达式和函数声明上消除歧义的
// 所以一旦解析器知道其中一个已经是表达式了，其它的也都默认为表达式了

var i = function () { return 10; } ();
true && function () { /* code */ } ();
0, function () { /* code */ } ();

// 如果你不在意返回值，或者不怕难以阅读
// 你甚至可以在function前面加一元操作符号

!function () { /* code */ } ();
~function () { /* code */ } ();
-function () { /* code */ } ();
+function () { /* code */ } ();