javascript - ES2015 导出内部函数

Question

我正在学习 ES2015 的导出功能。尝试在网上了解了一下，还是没有解决疑惑

当我在匿名函数中声明导出时，jshint 显示以下错误(至少在 Intellij 插件中):

E053 导出申报必须在全局范围内。

相反，JSHint 总是要求将整个代码封装在匿名函数中。如果我按以下方式编写代码:

export const MY_CONSTANT = 1000;
(function(){
   'use strict';
    //Complete code goes here
}();

我们必须在页面的顶部和底部编写大量代码。一些代码将从文件之间跳转到页面的开头(或结尾)。

Answer 1

我能解释的最好方式是 javascript IIFE 是创建封装的方式。你会把你的模块的代码放在一个里面，然后返回和某种对象。如果您需要将代码导入其中，您可以使用参数来完成。新的模块语法允许您以不同的方式执行相同的操作。将导入视为 IIFE 的参数，将导出视为返回。这是来自 Mozilla 的导入导出语法的完整解释 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import

如果您想进一步探索，我已经创建了一些使用 babel、gulp、browserify 和 jasmine 的样板文件，这样我就可以将所有代码编写为 es2015。 https://github.com/jamesrhaley/es2015-babel-gulp-jasmine.git