require和import区别

1、模块加载的时间

require:运行时加载
import:编译时加载(效率更高)【由于是编译时加载,所以import命令会提升到整个模块的头部】

# 下面不会报错;
test();
import { test} from '/test';

2、模块的本质

require:模块就是对象,输入时必须查找对象属性;CommonJs模块中,实质上整体加载了fs对象(fs模块),然后再从fs对象上读取方法
import:ES6 模块不是对象,而是通过 export 命令显式指定输出的代码,再通过 import 命令输入(这也导致了没法引用 ES6 模块本身,因为它不是对象)。
由于 ES6 模块是编译时加载,使得静态分析成为可能。有了它,就能进一步拓宽 JavaScript 的语法,比如引入宏(macro)和类型检验(type system)这些只能靠静态分析实现的功能。

3、严格模式

CommonJs模块和ES6模块的区别:
(1)CommonJs模块默认采用非严格模式
(2)ES6 的模块自动采用严格模式,不管你有没有在模块头部加上 “use strict”;
(3)CommonJS 模块输出的是一个值的拷贝,ES6 模块输出的是值的引用,
ES6 模块之中,顶层的 this 指向 undefined ,即不应该在顶层代码使用 this

上一篇:模块化(CommonJS、ES6)


下一篇:前端某块化的种种