JavaScript ES6模块导入和导出的方法
更新时间:2022年07月15日 16:42:23 作者:谁扔的炮仗啊
ES6在语言标准的层面上实现了模块功能,而且实现的相当简单,完全可以取代CommonJS和AMD规范,成为浏览器和服务器通用的模块解决方案,下面这篇文章主要给大家介绍了关于ES6模块导入和导出的方法,需要的朋友可以参考下
前言:
ES6模块化导入与导出有三种方式,1默认导入导出,2按需导入导出,3默认导出和整体导出一起使用。接下来我们分别使用下这三种方式
1.默认导入导出
默认导出的语法: export default 默认导出的成员
默认导入的语法: import 接收名称 from '模块路径



2.按需导入导出
按需导出的语法: export const s1 = 10
按需导入的语法: import { 按需导入的名称 } from '模块路径'
例如,我现在只想导入name 和 age


成功导入 张三、18

注意:1.我们这里是把age重命名为Age了,如果我们继续以age去console.log(),会报错
2.我们在导入的时候并没有导入sex,也会报错
第一种情况,age is not defined


第二种情况,sex is not defined


3.默认导出和整体导出一起使用



总结
到此这篇关于JavaScript ES6模块导入和导出的文章就介绍到这了,更多相关ES6模块导入导出内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
相关文章
小程序统计来源信息的方案与具体代码
微信小程序数据统计,现在有很多的统计方法和统计工具,下面这篇文章主要给大家介绍了关于小程序统计来源信息的方案与具体代码,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
2022-09-09
JS类的定义与使用方法深入探索
这篇文章主要介绍了JS类的定义与使用方法,结合实例形式深入分析了javascript类的定义与属性、方法的调用技巧,需要的朋友可以参考下
2016-11-11
JS实现小星星特效
这篇文章主要为大家详细介绍了JS实现小星星特效,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
2019-12-12
JavaScript实现获取本机IP地址
这篇文章主要介绍了JavaScript实现获取本机IP地址方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
2024-07-07
js对象简介与基本用法示例
这篇文章主要介绍了js对象简介与基本用法,结合实例形式分析了JavaScript对象的概念、功能、基本用法与操作注意事项,需要的朋友可以参考下
2020-03-03
js实现上传图片到服务器
这篇文章主要为大家详细介绍了js实现上传图片到服务器,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
2021-04-04
JavaScript编程学习技巧汇总
这篇文章主要介绍了JavaScript编程学习技巧汇总,整理了编程技巧、实用函数、简洁方法、编程细节等相关资料,感兴趣的小伙伴们可以参考一下
2016-02-02
最新评论