js中 require 和 import 区别【面试题详解】

今天爱分享给大家带来js中 require 和 import 区别【面试题详解】,希望能够帮助到大家。
import 和 require都是被模块化所使用。
1.遵循规范

require 是AMD规范引入方式
import是es6的语法标准,如要兼容浏览器的话必须转化成es5的语法

2.调用时间

require是运行时调用,所以require理论上可以运用在代码的任何地方
import是编译时调用,所以必须放在文件开头

3.本质

require是赋值过程,其实require的结果就是对象、数字、字符串、函数等,再把require的结果赋值给某个变量
import是解构过程,但是目前所有的引擎都还没有实现import,我们使用babel支持ES6,也仅仅是将ES6转码为ES5再执行,import语法会被转码为require

4.性能

require的性能相对于import稍低,因为require是在运行时才引入模块并且还赋值给某个变量
import只需要依据import中的接口在编译时引入指定模块所以性能稍高

人已赞赏
前端

ES8的新特性是什么【面试题详解】

2020-12-29 17:37:08

前端

js中Es6 Module 和 Common.js 的区别【面试题详解】

2020-12-29 17:40:23

'); })();