JS-import和require的区别

今天在当正在搬手头小砖的时候，一个同事告诉了一个关于我的bug

当时，我？？？
这个竟然会有报错，没道理啊！！！
排查排查深入挖掘发现了是import和require的区别。搜索各种博客，了解到了它俩的区别。

require

// CommonJS模块
let { stat, exists, readFile } = require('fs');
 
// 等同于
let _fs = require('fs');
let stat = _fs.stat;
let exists = _fs.exists;
let readfile = _fs.readfile;

require的实质是整体加载fs模块（即加载fs的所有方法），生成一个对象（_fs），然后再从这个对象上面读取方法。这种加载称为“运行时加载”，只有运行时才能得到这个对象，导致没有办法在编译时做“静态优化”。

import

// ES6模块
import { stat, exists, readFile } from 'fs';

**import的实质是从fs模块加载3个方法，其他方法不加载。这种加载称为“编译时加载”或者静态加载，即ES6可以在编译时就完成模块加载，效率要比CommonJS模块的加载方式高。**当然，这也导致了没法引用ES6模块本身，因为它不是对象。

require是赋值的过程，其实require的结果就是对象、数字、字符串、函数等，再把require的结果赋值给某个变量

import是解构过程，但是目前所有的引擎都还没有实现import，在node中使用label支持ES6