前端模块中的Require 和 Import 的区别

介绍：
Require 遵循commonJS 规范，早些年前端自成一派的江湖体系、统治了ES6之前的所有模块化编程，同阶段还有AMD、CMD。
Import 为 W3C es6 的新特性，官方体系。

区别一：编写方式

// require 只有如下方式
const fs = require('fs')
exports.fs = fs
module.exports = fs

// import 多种多样
import fs from 'fs'
import {default as fs} from 'fs'
import * as fs from 'fs'
import {readFile} from 'fs'
import {readFile as read} from 'fs'
import fs, {readFile} from 'fs'

export default fs
export const fs
export function readFile
export {readFile, read}
export * from 'fs'

区别二：导入方式

1、import为静态编译，引用地址不能通过计算; require可以
2、import url直接报错; require （url） 不会报错

区别三：导入之后

ES6 Module 中导入模块的属性或者方法是强绑定的，包括基础类型；
CommonJS 则是普通的值传递或者引用传递。
举个例子：

// 两种方式分别导出以下value
var value = 1;
setTimeOut(()=>{
 	value++
},1000)
// CommonJS 延时输出为1
// ES6 延时输出为2