3

模块 ( ./lib/myModule.js):

const X = 10;

export default { X }

主模块(./index.js):

情况1:

import { X } from './lib/myModule'

console.log(X) // undefined

案例二:

import myModule from './lib/myModule'

const { X } = myModule;

console.log(myModule.X) // 10
console.log(X) // 10

为什么当使用对象匹配表示法返回X未定义并导入完整对象时,成员保留其值?第一种情况有什么问题?

我正在使用 Babel 将 ES 6 代码转换为preset-es2015.

4

1 回答 1

3

那是因为 import 语句不使用解构赋值。在第一种情况下,您尝试导入X未导出的 member 。在第二种情况下,您要导入默认成员,然后使用解构赋值X从中提取。

在第一种情况下,Babel 将console.log()行转换为:

console.log(_myModule.X); // undefined

而在第二种情况下,您会得到:

console.log(_myModule2.default.X);
于 2016-10-15T09:35:35.127 回答