ES6学习笔记——ES6模块化以及与CommonJS区别

一、设置ES6模块化

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

package.json中添加

type:”module”

二、引入ES6模块——import命令

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

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

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

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

4. import './plugins/vant.js';       //运行整个模块而不导入任何值

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

三、CommonJS模块化与ES6模块的区别

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

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

        ES6 模块输出的是值的引用

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

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

        CommonJS 模块输出的是值的拷贝