javascript import的四种用法
发表于:2022-09-30 10:19:27浏览:1041次
import是用于将某个模块中导出的函数或对象、初始值导入到另一个模块中的语法。无论是否声明了 strict mode,导入的模块都运行在严格模式下。import语句不能在嵌入式脚本中使用。那么如何使用import?下面介绍4种常见的用法。
第一种
import x from 'abc.js'
这种导入要求 abc.js 模块中有 export default 默认导出,x 作为消费者导入 abc.js 模块默认导出的名称,x 可以随意更换为你喜欢的名字。
第二种
import { y } from 'abc.js'
这种导入要求 abc.js 模块中必需有 export y 命名导出,y 是消费者要从 abc.js 模块导入的命名元素,y 不可更换为其他名称。如果你实在是感觉x不顺眼,那可以采用下面的方式对 y 重命名。
第三种
import { y as xxx } from 'abc.js'
此处 xxx 就是重命名的新名称。
第四种
import x, { y } from 'abc.js'
这种导入要求 abc.js 模块中有 export default 默认导出并且有 export y 的命名导出。
export 和 export default 的区别:
如果是 export 导出的文件,在导入时可以一次导入一个,也可以导入多个,但必须加上花括号!
如果是 export default 导出的文件,只能一个一个的导入,且不需要加上花括号。一个模块中只能有一个export default默认输出。
推荐文章
- PHP实现工作年限自动计算,工作0-6个月的算0.5年,7-12个月的算1年
- PHP中的public,static,private,protected,final,const,abstract解析与区别
- 微软推出VS Code PowerShell的重大更新 PowerShell 引擎的彻底改造
- Vite 2.5 发布,全新的前端构建工具
- Layui 2.8.0 正式发布,她朴实归来了
- 12个适合开发后台管理系统的前端框架,建议收藏
- 烦人啊!微信总是弹出企业微信邀请信息,怎么关闭通知?
- aliplayer播放器,TcPlayer播放器,xgplayer播放器三款大厂的视频直播播放器对比
- layui上传插件使用exts属性指定上传文件的后缀名,并过滤掉其他格式的文件(格式过滤)
- ref, toRef, toRefs,reactive, defineComponent, computed, unref, toRaw, watchEffect, onUpdated 10个VUE3前端API总结