import/require遐想

 

import 和require的区别，import 和js的发展历史息息相关，历史上 js没有模块(module)体系，无法将一个大程序拆分成互相依赖的小文件，再用简单的方法拼装起来。 在 ES6 之前，社区制定了一些模块加载方案，最主要的有 CommonJS 和 AMD 两种。前者用于服务器，后者用于浏览器。ES6 在语言标准的层面上，实现了模块功能，而且实现得相当简单，完全可以取代 CommonJS 和 AMD 规范，成为浏览器和服务器通用的模块解决方案。也就是我们常见的 require 方法。 比如 `let { stat, exists, readFile } = require('fs');ES6 在语言标准的层面上，实现了模块功能。ES6 模块不是对象，而是通过export命令显式指定输出的代码，再通过import命令输入。

import 的几种用法:

import用法解释

import后面的from指定模块文件的位置，可以是相对路径，也可以是绝对路径，.js后缀可以省略。如果只是模块名，不带有路径，那么必须有配置文件，告诉 JavaScript 引擎该模块的位置。某些打包工具可以允许或要求使用扩展名。上面代码使用的 ==as== 关键字，相当于import 进来的‘值’的别名。import * from 'xx' 将导入整个模块的内容，而 import defaultName 和 import { export1， export2 } 将导入export的某个对象或值最后一种方式 import 'modules' 将运行模块中的全局代码，而不导入任何值。import的形式需要export的支持，比如 import defaultName from 'module.js 将导出 在modules.js中export default的对象或值。

如上，export也是es6的内容，和import是一对。export的几种用法：

export用法解释，命名导出

对应的import 写法：import { ex1, demoFun, ex2, multiply } from 'module.js';

默认导出，export 命名导出需要export 名字和import名字严格一致。而export default命令，为模块指定默认输出，在import 的时候可以随意命名名字。一个模块只能有一个默认输出，也就是说 export default 一个模块只能用一次。 用法:

export 和 import 混合使用(模块重定向)也就是在一个模块之中，先输入后输出同一个模块。比如: