ES2015导出内部功能

Question

我正在学习ES2015的导出功能.我尝试在网上理解它,但我的疑虑仍未解决

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

E053出口申报必须在全球范围内.

相反,JSHint总是要求在Anonymous函数中包含整个代码.如果我按以下方式编写代码:

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