ES6重新导出的值被打包到Getter中

Question

有人能给我解释一下吗？假设我有这两个模块:

// moduleTwo.js

export const module2Func = () => {
  return 2
}

和

// moduleOne.js

export * from './moduleTwo'

export const module1Func = () => {
  return 1
}

然后我在某个地方导入moduleOne:

import * as final from './moduleOne'

console.log(final) 

最后的结果是这样的:

{ module2Func: [Getter], module1Func: [Function: module1Func] }

为什么module2Func被包装成Getter？是从导出的语法做到了这一点？所有函数都按预期工作。我正在使用Babel 6来翻译代码。

谢谢你的任何解释！




Answer 1

巴贝尔就是这样做的，以正确实现模块导入的引用绑定。您可以查看编译后的输出。

输入:

export * from 'foo';

输出：

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _foo = require('foo');

Object.keys(_foo).forEach(function (key) {
  if (key === "default") return;
  Object.defineProperty(exports, key, {
    enumerable: true,
    get: function get() {
      return _foo[key];
    }
  });
});