使用ES5语法在Node中混合使用默认导出和命名导出

时间:2019-01-04 22:45:50

标签: javascript node.js node-modules ecmascript-5

我在导出/导入模块方面的所有经验都来自使用exportimport的ES6,您可以在其中执行以下操作以使单个模块导出默认函数以及单独的命名函数

// module.js
export default mainFunction
export { namedFunction }

// main.js
import mainFunction from 'functions'
mainFunction()

import { namedFunction } from 'function'
namedFunction()

但是我不知道如何使用module.exportsrequire进行ES5样式导入。据我了解,我可以导出一个默认值:

// module.js
module.exports = function mainFunction() {}

// main.js
const mainFunction = require('module.js')

或者我可以创建命名的出口:

// module.js
module.exports = {
  namedFunction: function() {}
}

// main.js
const namedFunction = require('module.js').namedFunction

但是我不能两者都做。我以为我可以这样命名出口之一“默认”,但这不起作用

// module.js
module.exports = {
  default: function() {},
  namedFunction: function() {}
}

// main.js
const mainFunction = require('module.js') // does not work
const mainFunction = require('module.js').default // works, but not what I want
const namedFunction = require('module.js').namedFunction

如何使用ES5完成此双重默认/命名导出?

3 个答案:

答案 0 :(得分:2)

您想将module.exports的值分配为默认函数,然后将所有命名的导出作为该函数的属性。

const defaultFunction = () => { console.log('default!'); };
const namedFunction1 = () => { console.log('1!'); };
const namedFunction2 = () => { console.log('2!'); };

const myModule = module.exports = defaultFunction;
myModule.namedFunction1 = namedFunction1;
myModule.namedFunction2 = namedFunction2;

假设这是myModule.js中的内容。然后,您可以执行以下操作:

const myModule = require('./myModule');
myModule(); // Prints: 'default!'
myModule.namedFunction1(); // Prints: '1!'

答案 1 :(得分:0)

如果您不想重复命名导出,您可以随时执行类似的操作

module.exports = defaultFunction;
module.exports = Object.assign(module.exports, {
    namedFunction1,
    namedFunction2,
});

然后就可以正常要求了;

const myModule = require('./myModule');
myModule();
myModule.namedFunction1();

答案 2 :(得分:0)

只需将 exports 重新分配给 module.exports

喜欢:

//name.js

const NameType = {
  foo: "bar",
};

function Name(name) {
  this.name = name;
}

module.exports = Name; // assign default export to Name
exports = module.exports; // re-assign exports to point it to the updated location.

exports.NameType = NameType; // now you can use named export as usual

在另一个文件中,您可以像这样导入:

const Name = require("./name");
const { NameType } = require("./name");

这是有效的,因为默认 module = { exports: {} }exports = module.exports

参考:Difference between "module.exports" and "exports" in the CommonJs Module System