模块。在Node.js和ES6中export vs. export default

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

什么不工作

'use strict'
class SlimShady {
constructor(options) {
this._options = options
}


sayName() {
return 'My name is Slim Shady.'
}
}


// This will cause the "SlimShady is not a constructor" error
// if in another file I try `let marshall = new SlimShady()`
export default SlimShady
464186 次浏览
小开
最佳答案

问题在于

  • 如何在CommonJS中模拟ES6模块
  • 如何导入模块

ES6到CommonJS

在撰写本文时，还没有环境原生支持ES6模块。当在Node.js中使用它们时，你需要使用像Babel这样的东西来将模块转换为CommonJS。但这究竟是如何发生的呢?

许多人认为module.exports = ...相当于export default ...，而exports.foo ...相当于export const foo = ...。但这并不完全正确，至少巴别塔不是这么做的。

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);

巴别塔会把它变成

'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的访问。

小开

你需要在你的项目中正确配置babel来使用export default和export const foo

npm install --save-dev @babel/plugin-proposal-export-default-from

然后在.babelrc中添加以下配置

"plugins": [
"@babel/plugin-proposal-export-default-from"
]
小开

Felix Kling对这两个进行了很好的比较，对于那些想知道如何在命名exports with module的同时进行导出默认的人来说。在nodejs中导出

module.exports = new DAO()
module.exports.initDAO = initDAO // append other functions as named export


// now you have
let DAO = require('_/helpers/DAO');
// DAO by default is exported class or function
DAO.initDAO()

提交答案