commonjs规范的require和ES6规范的import的区别
区别一
require()是代码执行时加载,import是代码编译时加载,执行时会声明提到头部
区别二
require()引入方法是将整个模块对象引入的,如果只需要引入模块内的某个方法,则内部执行过程是先引入整个对象然后引入对象内的方法,如
let { exists, readFile } = require('fs');
// 等同于
let fs = require('fs');
let exists = fs.exists;
let readfile = fs.readfile;
而import则是引入单个的代码块,引入的不是某一模块的全部对象,内部执行import导入
import { exists, readFile } from 'fs';
上面的只加载模块内的 exists, readFile 方法,不加载整个模块
区别三
CommonJs模块内和ES6模块内的区别:
(1)CommonJs模块默认采用非严格模式
(2)ES6 的模块强制采用严格模式,忽略 “use strict”;
(3)CommonJS 模块输出的是一个值的拷贝,ES6 模块输出的是值的引用,举例如下
// a.js
export var foo = 'bar';
setTimeout(() => foo = 'baz', 500);
// b.js
import {foo} from './a.js';
console.log(foo); //bar
setTimeout(() => console.log(foo), 500); //baz
//该代码指示了ES6模块中import导出使用的是引用,更改模块内值时,引入的也跟着改变
ES6 模块之中,顶层的 this 指向 undefined ,即不建议在顶层代码使用 this