《深入理解ES6》阅读笔记 --- 用模块封装代码
来源:互联网 发布:messenger mac 编辑:程序博客网 时间:2024/06/05 08:16
不知不觉《深入理解ES6》阅读笔记就写到了最后一篇,完结之后可能会开启另外的一个系列,分享自己的知识点,让阅读到的人有一点点的收获,以及自己的成长。最后一篇主要是来写一写用模块封装代码的事情,回顾历史,从最早的立即执行函数,再到require.js,以及commonjs,今天我们面对的是语言标准给我们带来的模块化方案。如果说模块,我们应该可以从字面的意思上来看,这是一种可以自动运行在严格模式下并且没有办法退出的代码块。这种代码块在作用域上可以避免互相之间的污染,以及更好的组织代码运行。
模块语法
ES6定义了一对非常简单的关键字来描述模块的导入和导出,在此之间,又为了方便而定义了一些导出导入的方式。
- import from
- export
基本的导出,我们可以用export来将函数暴露出去:
export function a(){}
当然这样的方式,也可以导出类,对象,变量等。
有了导出,自然会有导入:
// 假设a.jsexport function a(){}// b.js使用a.jsimport { a } from 'a.js'a()
这样,也就构成了ES6的模块系统。
除此之外,整个模块系统给了我们很多其他的方式来操作,比如导出一个默认的函数:
// a.jsexport default function a(){}// b.jsimport a from 'a.js'
如果可以,我想给a起一个别名:
// a.jsexport function a(){}import * as query from 'a.js'
当然了,我们也可以导出多个函数:
export function a(){}export function b(){}import { a, b} from 'a.js'
至于其他的用法,有兴趣的朋友,可以阅读一下 export 和 import 。
在浏览器中不借助webpack这样的工具也可以使用模块系统,只需要将type=module,这个模块需要注意的,可能就是关于路径的问题了,其他都和export import一样。
阅读全文
0 0
- 《深入理解ES6》阅读笔记 --- 用模块封装代码
- 《深入理解ES6》阅读笔记 --- Promise与异步编程
- 《深入理解ES6》笔记——函数
- 深入ES6 模块系统
- 深入理解ES6 Generators
- 深入理解ES6 --解构
- 深入理解ES6 -- 函数
- 深入理解ES6
- fragment 深入理解 及 代码 封装
- 深入理解 C 指针阅读笔记 -- 第一章
- 《深入理解计算机》阅读笔记 第一章
- 深入理解计算机系统的阅读笔记
- 《深入理解计算机系统》阅读笔记二
- 《深入理解C++11》阅读笔记
- 深入理解ningx, hello world模块代码
- 理解ES6的模块(Understanding ES6 Modules)
- 深入理解ES6 ---对象(object)
- 深入理解计算机系统阅读笔记-汇编跳转指令
- 转载:GOOGLE SPANNER: BEGINNING OF THE END OF THE NOSQL WORLD?
- 数据库连接池
- CocosCreator 设置屏幕为竖屏
- MYSQL双机热备配置(主-主)
- SeekButton按钮动画
- 《深入理解ES6》阅读笔记 --- 用模块封装代码
- C++ 学习笔记
- 如何在linux(Ubuntu)下编译和安装lzop压缩工具源码
- DNS原理总结及其解析过程详解
- 用R语言把数据玩出花样
- eclipse 将gitLab远程仓的项目导入eclipse中
- 人脸识别主要算法原理
- java_实现链表以及链表的测试类
- Android扫码功能,快速简单的集成