<分区>
我正在从 Twitter 上阅读 JS 源代码 — 在提高我的 JS 知识库的过程中，当我遇到调用匿名函数的奇怪方式时:
!function( $ ) {
...
}( window.jQuery );
... 这行得通! :)
这对每个人来说都是显而易见的:
function ( $ ) { ... } ( window.jQuery )
不起作用(语法错误)，而这个是正确的:
(function ( $ ) { .... })( window.jQuery )
谁能解释一下这个魔法(为什么 case with !function 有效)？
最佳答案
当关键字function 出现在语句位置(作为语句中的第一个标记)时，函数声明表示为函数语句。函数语句被提升到范围的顶部，不能立即调用并且必须有一个名称。
当在表达式位置遇到关键字时(即不是语句中的第一个标记，在您的示例中 ! 是第一个标记)，函数声明表示为 函数表达式，它可以是匿名的并返回新创建的函数的值。由于它返回新创建的函数的值，您可以通过在它后面添加括号来立即调用它。
将声明包裹在括号内的作用相同，但比使用 ! 或 + 前缀更常见:
(function () {
...
})();
关于Javascript 匿名函数调用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9091289/