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模块导入导出内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
下面小编就为大家分享一篇js 两数组去除重复数值的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2017-12-12
这篇文章主要介绍了如何利用JavaScript实现动态跟随特效，文中的示例代码讲解详细，对我们学习JS有一定的帮助，感兴趣的小伙伴可以了解一下2022-06-06
这篇文章主要介绍了微信小程序实现手指拖动选项排序，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-04-04
这篇文章主要为大家详细介绍了bootstrap实现二级下拉菜单效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-11-11
这篇文章主要介绍了多引号嵌套的变量命名的问题,需要的朋友可以参考下2014-05-05
相信很多同仁做的系统后到都是用frameset或iframe来加载不同页面的，不可不知道大家有没有注意到，当frame框架中的页面已经加载完成后，可是ie浏览器的状态栏还会一直显示一个正在加载的状态。2010-12-12
微信小程序点击按钮动态切换input的disabled禁用/启用状态功能
这篇文章主要介绍了微信小程序点击按钮动态切换input的disabled禁用/启用状态功能，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-03-03
这篇文章主要为大家详细介绍了三步实现ionic3点击退出app程序，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-09-09
优雅而高效的JavaScript try...catch语句详解(js异常处理)
这篇文章主要给大家介绍了关于JavaScript中try...catch语句的相关资料,也就是js异常处理方法,try...catch是JavaScript中的错误处理机制,它的作用是捕获和处理可能发生的错误,以避免程序崩溃,需要的朋友可以参考下2024-01-01
这篇文章主要为大家详细介绍了微信小程序实现照片裁剪，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-05-05
最新评论