（function（）{}）（）构造如何工作以及人们为什么使用它？

Question

（function（）{}）（）构造如何工作以及人们为什么使用它？(function() {})()并且它的jQuery特定表亲(function($) {})(jQuery)一直在Javascript代码中弹出。这些结构如何工作，它们解决了哪些问题？

Answer 1

随着JavaScript框架的日益普及，该$标志被用于许多不同的场合。因此，为了减轻可能的冲突，您可以使用这些结构：

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

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

Answer 2

这是一种用于限制变量范围的技术; 这是防止变量污染全局命名空间的唯一方法。

var bar = 1; // bar is now part of the global namespace

alert(bar);

(function () {

   var foo = 1; // foo has function scope

   alert(foo); 

   // code to be executed goes here

})();