1

我意识到在下面的 JavaScript 代码中，我们需要在let;之后添加一个被调用。$('#myButton').click(function() {})$('.lala').myFunction()

$('#myButton').click(function() {})

(function ($) {
    $.fn.myFunction = function (opt) {
      alert("inside myFunction")
    }
})(jQuery);

$('.lala').myFunction()

JSBin

为什么;在这里有很大的不同？我认为在大多数情况下;，JavaScript 中的语句之间可以省略。

4

2 回答 2

6

因为一个函数调用可以返回另一个函数。如果没有分号，IIFE 周围的括号将被解释为.click()可能返回的函数的参数列表，因此它被视为您编写的：

$('#myButton').click(function() {})(function ($) {
    $.fn.myFunction = function (opt) {
      alert("inside myFunction")
    }
})(jQuery);

只是摆脱依赖自动分号插入的习惯，因为结果有时并不明显。如果你总是在你的语句后面加上分号，你就不会感到惊讶，也不必担心像这样晦涩难懂的情况。

于 2016-12-23T21:19:49.423 回答
3

这里没有分号导致解释器认为您正在尝试将第二个函数作为 firs 的参数传递，然后尝试将第一个函数调用的结果作为函数调用。

它基本上是这样做的：

$('#myButton').click(function () {
    //...
}(function () {
    //...
})(jQuery);

第二个功能将失败。这是为什么总是在语句后放置分号是一种很好的做法的经典示例之一，因为它会产生非常模棱两可的情况。真的没有理由不这样做。

于 2016-12-23T21:19:59.777 回答