前端学习笔记 - export和export default、exports和module.exports

返回目录

一、export和export default

都是ES6的模块化的导出方法，对应的导入方法为import。

1、export

//导出
export var a = 'This is a';

//导入，和导出的名字保持一致
import {a} form './a.js';

2、export default：匿名导出（默认导出）

* 导出的是类/函数/对象

* 一个文件只能有一个export default

* 导入的时候省略{}，取名自己定义，不需要保持一致。

//导出
export default class {
    constructor(){
        
    }
}

//导入
import obj form './b.js';

二、exports和module.exports

都是node的模块化的导出方法，对应的导入方法为require，使用的是commonJS的语法。

1、exports

//导出
exports.demo = function () {
    
};

//导入
const common = require('./common.js');

//使用
common.demo();

2、module.exports：匿名导出
如果使用的是module.exports导出，导入的时候可以直接使用变量

//导出
module.exports = function () {

};

//导入
const common = require('./common.js');

//使用，对比exports，比较区别
common();

3、注意：

* node的模块化一般存放在node_modules文件夹内，导入的时候就不再是导入文件，而是导出的模块名
    const common = requier('common');

* 默认把index.js文件作为模块的主入口，还可以配置package.json，改变默认的主入口
    {
        "main" : "a.js"
    }