Mike 发表于 2021-8-3 11:58:53

require与import的区别

个人github:https://github.com/qiilee  欢迎follow
第一、两者的加载方式不同,require是在运行时加载,而import是在编译时加载
require('./a')(); // a模块是一个函数,立即执行a模块函数
var data = require('./a').data; // a模块导出的是一个对象
var a = require('./a'); // a模块导出的是一个数组 ======> 哪都行
import $ from 'jquery';
import * as _ from '_';
import {a,b,c} from './a';
import {default as alias, a as a_a, b, c} from './a'; ======>用在开头
第二、规范不同,require是CommonJS/AMD规范,import是ESMAScript6+规范
第三、require特点:社区方案,提供了服务器/浏览器的模块加载方案。非语言层面的标准。只能在运行时确定模块的依赖关系及输入/输出的变量,无法进行静态优化。
import特点:语言规格层面支持模块功能。支持编译时静态分析,便于JS引入宏和类型检验。动态绑定。


文档来源:51CTO技术博客https://blog.51cto.com/u_11553470/3249355
页: [1]
查看完整版本: require与import的区别