JavaScript export和import学习笔记

文章目录

export 和 import 是es6模块的一个功能，下面主要记录一下几种常见的用法

１，导出 / 导入单个模块
a.js 导出：export const username = ‘huluwa’
b.js 导入：import { username } from ‘a.js’

２，导出列表
a.js 导出：export const username = ‘huluwa’
　　　　 export const userage = 20
b.js 导入：import { username, userage } from ‘a.js’

3，重命名导出
a.js 导出：const name = ‘huluwa’
　　　　　const age = 20
export { name as username, age as userage }; // 把name 重命名为username，age重命名为userage
b.js 导入：import { username, userage } from ‘a.js’

4，解构导出并重命名
a.js
const obj = { name: ‘huluwa’, age: 20 }
export const { name: username, age: userage } = obj
b.js
import { userage, userage } from ‘a.js’

默认导出
a.js
const name = ‘huluwa’
export default name;
b.js
import username from ‘a.js’
当 export 后面有 default 时，对应的import 导入时不需要大括号（{ }）

export 和 import 复合写法
a.js
const username = ‘huluwa’
export default username
b.js
const userage = 20
export default userage
c.js
export { default as username } from ‘a.js’
export { default as userage } from ‘b.js’
index.js
import { username, userage } from ‘c.js’

JavaScript export和import学习笔记相关推荐

《零基础学JavaScript(全彩版)》学习笔记
<零基础学JavaScript(全彩版)>学习笔记二〇一九年二月九日星期六0时9分前期: 刚刚学完<零基础学HTML5+CSS3(全彩版)>,准备开始学习JavaScrip ...
《JavaScript语言精粹》学习笔记（函数（2））
<JavaScript语言精粹>学习笔记(函数(2)) 函数(Functions) 参数(Arguments) 当参数被调用时,会得到一个"免费"的参数数组argume ...
JavaScript的打卡学习笔记(一)
一. 主要内容 JavaScript入门简介 JavaScript中变量的使用 JavaScript中的运算符 JavaScript中控制语句 JavaScript中函数的使用 JavaScript中 ...
《JavaScript高级程序设计》学习笔记（一）
文章目录一.什么是JavaScript JavaScript的组成二.HTML中的JavaScript 2.1 <script>元素 2.1.1 标签位置 2.1.2推迟执行脚本 2. ...
JavaScript中的对象学习笔记（属性操作）
本文是笔者学习JavaScript时做的笔记,大部分内容来自<JavaScript权威指南>,记录学习中的重点,并引入一些其他博文和与其他程序员讨论的内容,供本人日常翻阅.如有疑问,请留言 ...
【JavaScript】相关知识学习笔记
JavaScript笔记定义: JavaScript是一种基于对象和事件驱动的,并具有安全性能的脚本语言. 特点: 01.向HTML页面中添加交互行为 02.脚本语言,语法跟java类似 ...
javaScript——廖雪峰老师学习笔记（一）
1.要查看一个变量的内容,在Console中输入console.log(a);,回车后显示的值就是变量的内容. 2.alert('我不想执行'); //提示框谷歌浏览器可直接执行 3.JavaScri ...
《JavaScript入门经典》学习笔记1
2019独角兽企业重金招聘Python工程师标准>>> 2014.04.02 学习内容: 第一章:开启JavaScript开发之门第二章:固本求源--JavaScript基础第三 ...
《JavaScript权威指南》学习笔记——Day2
放假了,放自己一天的假,打了一天的游戏,也算圆满了.今天继续学习.不知道我离优秀的程序员还有多少路要走,每天一步一个脚印,终有一天可以完成自己的心愿和理想吧. 第4章表达式和运算符 4.1 原始表达 ...

JavaScript export和import学习笔记

文章目录

JavaScript export和import学习笔记相关推荐

最新文章

热门文章