Node的module.exports
和ES6的export default
之间有什么区别?我想弄清楚为什么我在Node.js 6.2.2中尝试 "export default "时,会出现"__不是构造函数"的错误。
'use strict'
class SlimShady {
constructor(options) {
this._options = options
}
sayName() {
return 'My name is Slim Shady.'
}
}
// This works
module.exports = SlimShady
问题是与
在写这篇文章的时候,没有任何环境原生支持ES6模块。当在Node.js中使用它们时,你需要使用像Babel这样的东西来将模块转换为CommonJS。但这究竟是如何实现的呢?
许多人认为module.exports = ...
等同于export default ...
,exports.foo ...
等同于export const foo = ...
。但这并不完全正确,至少Babel不是这样做的。
ES6的default
出口实际上也是命名的出口,只不过default
是一个"保留"的名字,并且有特殊的语法支持。让我们来看看Babel是如何编译命名和默认导出的。
// input
export const foo = 42;
export default 21;
// output
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var foo = exports.foo = 42;
exports.default = 21;
这里我们可以看到,默认出口成为exports
对象的一个属性,就像foo
。
我们可以通过两种方式导入模块。要么使用CommonJS,要么使用ES6的import
语法。
你的问题:我相信你正在做类似的事情。
var bar = require('./input');
new bar();
期待bar
被分配到默认导出的值。但正如我们在上面的例子中所看到的,默认的出口被分配给了default
属性!
所以为了访问默认导出,我们实际上要做的是
var bar = require('./input').default;
如果我们使用ES6模块语法,即
import bar from './input';
console.log(bar);
Babel会将其转化为
'use strict';
var _input = require('./input');
var _input2 = _interopRequireDefault(_input);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
console.log(_input2.default);
你可以看到,对bar
的每一次访问都被转换为访问.default
。