require和import区别

本文深入解析了AMD规范的require与ES6的import语法的区别,探讨了编译时与运行时的概念,并通过实例展示了export default及常规export的用法,帮助读者理解现代前端模块化的实现方式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

require遵循的是AMD规范引入方式;
import是es6的一个语法标准,如果兼容浏览器的话需要转化为es5;
编译时:在前端中编译时是指==>打包之前到打包完成的状态;
运行时:在前端是指js代码在浏览器中运行;

require是赋值过程。把请求回来的结果赋值给一个变量。或者直接使用
import也是把结果请求回来,但是对请求结果有要求必须是对象。
es6导出 export default xxx导出的是一个对象。默认为{default:xxx} 。接数据页面可以任意写值;
例: var ccc=1; export default ccc ;
import ddd from ‘./test.js’ ; =>ddd=1;凡事defalut导出的 。可以使用任意变量接 。需要加比的变量的时候需要添加逗号 ,
例:var ccc=1;export default ccc ; export var bbb=2 ;export var aaa=3;
import myself_define , {bbb,aaa as ddd} from ‘./test.js’ ;=>myself_define=1 ,bbb=2,ddd=3 ,bbb is not define ;
上述的导出代码可以这样写 var ccc=1;export default ccc var ;bbb=2 ; var aaa=3;export{bbb,aaa}
参考文档

es5导出

例:modules.exports={aaa:1,bbb:2} 可以使用require接 。也可以使用import来接但是好像有问题。最好是对应关系
也可以exports.aaa=1;exports.bbb=2 这个样子输出

参考文档

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值