javascript - (function() {})() 构造如何工作以及人们为什么使用它？

Question

(function() {})() 及其特定于 jQuery 的表亲 (function($) {})(jQuery) 在 Javascript 中一直弹出代码。

这些构造是如何工作的，它们解决了哪些问题？

赞赏的例子

Answer 1

随着 JavaScript 框架的日益流行，$ 符号被用于许多不同的场合。因此，为了减轻可能的冲突，您可以使用这些结构:

(function ($){
  // Your code using $ here.
})(jQuery);

具体来说，这是一个匿名 函数声明，它立即 将主jQuery 对象作为参数传递。在该函数内部，您可以使用 $ 来引用该对象，而不必担心其他框架也在范围内。