javascript - 阅读开源 : a series of IIFEs

Question

我一直在阅读 Medium.js Open Source Project试图 mock Medium.com。

在阅读时，我注意到代码中的一个模式。主要是，IIFE 经常被调用来执行各种操作。

(function(Medium) {
      "use strict";
      //do stuff  
})(Medium);
(function(Medium) {
     "use strict";
     //do stuff
})(Medium);
(function(Medium) {
     "use strict";
     //do stuff

etc.

为什么代码要这样划分？难道不能同时调用吗，为什么要调用一系列的 IFFE 语句呢？这是常见的模式吗？您可以查看上面的链接以获取我所指的完整代码。

Answer 1

如果你查看the source files ，您将看到每个单独的组件都是在单独的 JavaScript 文件中开发的。 A build script用于将所有这些脚本连接在一起，并生成您正在查看的文件。

通过这种方式开发，您可以仅使用您需要的组件来构建您自己的自定义版本。通过将函数组包装在 IIFE 中，他还可以避免为每个单独的函数全局设置“use strict”。如果需要在一组 API 之间对变量进行遮蔽，则可以在 IIFE 内部声明变量，而不会与其他模块或全局空间中的变量发生冲突。

但主要优点是开发人员可以将库开发为多个不同的文件，并且您可以选择仅在项目中包含您需要的文件。