require和import的区别 速通

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