首先我们要明白require与import的基本语法:
require的基本语法:在导出的文件中定义module.export,导出的对象的类型不予限定(可以是任何类型,字符串,变量,对象,方法),在引入的文件中调用require()方法引入对象即可,换一种说法就是require相当于module.exports的传送门,module.exports后面的内容是什么,require的结果就是什么,对象、数字、字符串、函数……再把require的结果赋值给某个变量,代码实现首先如:
1 2 3 4 5 6 |
|
解析:在tt.js中使module这个意思就是模块的意思,就是实现特定功能的一组方法,
也就是只要把不同的函数(以及记录状态的变量)简单地放在一起,就算是一个模块。用module.export中的export这个变量接收返回的函数名为tt的函数
然后:
1 2 3 |
|
解析:在bb.js中获取到tt.js赋值给变量obj,然后调用该方法
本质上是将要导出的对象赋值给module这个的对象的export属性,在其他文件中通过require这个方法访问该属性
- import的基本语法:
导出的对象必须与模块中的值一一对应,就是导出的对象与整个模块进行解构赋值,例如:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
|
require和import相互转换使用:
import list from './list'; //等价于 var list = require('./list');
-------------------------------------------------------------------------
require和import分别使用在:
- require 是赋值过程并且是运行时才执行,也就是异步加载。
- require可以理解为一个全局方法,因为它是一个方法所以意味着可以在任何地方执行。
- import 是解构过程并且是编译时执行。
- import必须写在文件的顶部。
require和import的优缺点比较:
require的性能相对于import稍低,因为require是在运行时才引入模块并且还赋值给某个变量,而import只需要依据import中的接口在编译时引入指定模块所以性能稍高。