module.exports与exports，export与export default之间的关系和区别

最新推荐文章于 2024-07-25 16:06:31 发布

StarFishing

最新推荐文章于 2024-07-25 16:06:31 发布

阅读量3k

点赞数 1

分类专栏： js 文章标签： es6 commonJS

本文链接：https://blog.csdn.net/qq_34803821/article/details/87658375

版权

本文详细介绍了CommonJS和ES6模块规范的区别，重点讨论了`exports`、`module.exports`、`export`和`export default`的使用和它们之间的关系。在CommonJS中，`module.exports`是对外接口，`exports`是其快捷方式。而在ES6中，`export`用于导出多个接口，`export default`用于指定默认输出。两者导入时的语法有所不同，`export default`导入时无需花括号，而`export`则需要。

摘要由CSDN通过智能技术生成

首先我们要明白一个前提，CommonJS模块规范和ES6模块规范完全是两种不同的概念。

CommonJS模块规范

Node应用由模块组成，采用CommonJS模块规范。

根据这个规范，每个文件就是一个模块，有自己的作用域。在一个文件里面定义的变量、函数、类，都是私有的，对其他文件不可见。

CommonJS规范规定，每个模块内部，module变量代表当前模块。这个变量是一个对象，它的exports属性（即module.exports）是对外的接口。加载某个模块，其实是加载该模块的module.exports属性。

var x = 5;
var addX = function (value) {
   
  return value + x;
};
var fn_hello = async (ctx, next) => {
   
    var name = ctx.params.name;
    ctx.response.body = `<h1>Hello, ${
     name}!</h1>`;
};
/*以对象的方式导出*/
/*注意：当以对象方式导出时不可以用 exports，原因看下面exports 与 module.exports*/
module