Javascript为什么要在IIFE中包装变量或构造函数?

Javascript why wrap a variable or constructor in an IIFE?

本文关键字：变量 构造函数 包装 为什么 IIFE Javascript      更新时间：2023-09-26

我今天看到了这样的东西

var Visualizer = (function() {
    function Visualizer() {
    //...
    }
    Visualizer.prototype.function1 = function () { /* ... */ }
    //...
    return Visualizer;
})();
var viz = new Visualizer();

我不明白这样做的意义，而不是仅仅摆脱生命包装。

此处显示的特定结构没有意义。在这种类型的构造中使用IIFE的原因是，当您有需要声明的静态数据时，您希望对象可以使用这些数据，但不希望它可以公开访问或干扰全局命名空间或实例数据。

由于您所展示的代码没有显示任何这些，因此它并没有真正提供您所展示的任何好处。但是，如果在对象之外声明了一些其他变量，但是在IIFE中，那么IIFE将保护和封闭它们，并将它们与外部世界隔离。

例如:

Visualizer = (function() {
  var counter = 0;
  function Visualizer() {
    counter++;
    ...
  }
  Visualizer.prototype.getCount = function () { return counter; }
  ...
  return Visualizer;
})();
var viz = new Visualizer();

然后，IIFE将封闭一个变量counter，该变量将对Visualizer的所有实例的所有方法可用，但与外部世界隔离，并且IIFE将提供一些潜在的好处。

对不起，我措辞含糊，但我认为JS说的话需要括号正确地知道什么操作需要优先级，什么属于什么相当于简单地说"知道什么是什么"，并声明python只是说，如果它没有这些括号，它会适当地诉诸像python这样的方法，不需要括号和;缩进很重要。可能我没听懂整个问题，但我想我大概是对的。

相关文章：