ES6模块化以及与CommonJS模块化的区别

ES6模块化

ES6模块中node环境必须是在12版本以上，否则不兼容

package.json中添加

type:”module”

引入ES6模块——import命令

静态的import 语句用于导入由另一个模块导出的绑定。

import * as person from './person.js' //导入整个模块内容

import {firstName,lastName} from './person.js' //导入多个接口

 

import {firstName as name} from './person.js' //重命名

import '/modules/my-module.js';     //运行整个模块而不导入任何值

import myDefault from './my-module.js';   // 导入使用export default导出的模块

CommonJS模块化与ES6模块的区别

        CommonJs模块输出的是一个值的拷贝，ES6模块输出的是值的引用

                ES6 模块加载的不是对象，它的对外接口只是一种静态定义，在代码静态解析阶段就会生成。

                ES6 模块输出的是值的引用

        CommonJS模块是运行时加载，ES6模块是编译时输出接口

                加载的是一个对象，即module.exports属性，该对象只有在脚本运行完才能生成。

                CommonJS 模块输出的是值的拷贝