ES6在语言规格的层面上,实现了模块功能,而且实现得相当简单,完全可以取代现有的CommonJS和AMD规范,成为浏览器和服务器通用的模块解决方案。
ES6模块主要有两个功能:export 和 import
-
export用于对外输出本模块(一个文件可以理解为一个模块)变量的接口
-
import用于在一个模块中加载另一个含有export接口的模块
export default 和 export 的区别
===============================
-
export与export default均可用于导出常量、函数、文件、模块等
-
可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式,将其导入,以便能够对其进行使用
-
在一个文件或模块中,export、import可以有多个,export default仅有一个
-
通过export方式导出,在导入时要加{ },export default则不需要
-
其实很多时候export与export default可以实现同样的目的,只是用法有些区别。注意第四条,通过export方式导出,在导入时要加{ },export default则不需要。使用export default命令,为模块指定默认输出,这样就不需要知道所要加载模块的变量名
export 导出案例:
// export 导出案例 demo1.js
export const str = ‘hello’
export function init1 () {
console.log(‘hello’)
}
export const init2 = () => {
console.log('hello)
}
export class INIT {
constructor() {
console.log(‘hello’)
this.init()
}
init () {
console.log(‘hello’)
}
}
// 对应导入方式 demo2.js ,可按需导入
import { str, init1, init2, INIT } from ‘demo1.js’
export default 导出案例
// export default 导出案例 demo1.js
const str = ‘hello’
// 此处相当于为str变量值"hello"起了一个系统默认的变量名default,自然default只能有一个值,所以一个文件内不能有多个export default
export default str
// export default 导出案例 demo2.js
const str1 = ‘hello’
export default {
str1: str1,
str2: ‘hi’
}
// 对应导入方式 demo3.js
import a from ‘demo1.js’
最后
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长,自己不成体系的自学效果低效漫长且无助。
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!
如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
帮助,需要这份全套学习资料的朋友可以戳我获取!!**](https://bbs.csdn.net/topics/618191877)
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!