《深入理解ES6》阅读笔记 --- 用模块封装代码 - 知乎专栏
source link: https://zhuanlan.zhihu.com/p/29973705?
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
《深入理解ES6》阅读笔记 --- 用模块封装代码
不知不觉《深入理解ES6》阅读笔记就写到了最后一篇，完结之后可能会开启另外的一个系列，分享自己的知识点，让阅读到的人有一点点的收获，以及自己的成长。最后一篇主要是来写一写用模块封装代码的事情，回顾历史，从最早的立即执行函数，再到require.js，以及commonjs，今天我们面对的是语言标准给我们带来的模块化方案。如果说模块，我们应该可以从字面的意思上来看，这是一种可以自动运行在严格模式下并且没有办法退出的代码块。这种代码块在作用域上可以避免互相之间的污染，以及更好的组织代码运行。
模块语法
ES6定义了一对非常简单的关键字来描述模块的导入和导出，在此之间，又为了方便而定义了一些导出导入的方式。
- import from
- export
基本的导出，我们可以用export来将函数暴露出去：
export function a(){
}
当然这样的方式，也可以导出类，对象，变量等。
有了导出，自然会有导入：
// 假设a.js
export function a(){}
// b.js使用a.js
import { a } from 'a.js'
a()
这样，也就构成了ES6的模块系统。
除此之外，整个模块系统给了我们很多其他的方式来操作，比如导出一个默认的函数：
// a.js
export default function a(){}
// b.js
import a from 'a.js'
如果可以，我想给a起一个别名：
// a.js
export 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一样。
</div
Recommend
-
178
《深入理解ES6》阅读笔记 --- 迭代器和生成器icepy是个厨子，热衷摩旅，同时编程；...
-
128
《深入理解ES6》阅读笔记 --- 类icepy隐居山野的农夫
-
104
-
108
JavaScript 用“共享一切”的方法加载代码，这是该语言中最容易出错且最容易让人感到困惑的地方。其他语言使用诸如包这样的概念来定义代码作用域，但在 ECMAScript 6 以前，在应用程序的每一个 JavaScript 中定义的一切都共享一个全局作用域
-
38
完成了对JNI的编译，有时候是使用aar包提供给其他同学使用；或者说在共同开发的一个项目中，并不是每个人都需要开发C、C++功能。所以没必须每台电脑都配置好NDK的编译环境，所以大多数还是以AAR包的方式放在项目中。我们接下来就是完成这...
-
37
由于全部笔记有接近4W的字数，因此分开为上、下两部分，第二部分内容计划于明后两天更新。 如果你觉得写的不错请给一个star，如果你想阅读上、下两部分全部的笔记，请点击阅读全文 阅读《深入理解ES6》书籍，笔记整理（上） 阅读《深入理解ES6》书籍，笔记整理（
-
14
由于《深入理解Android 卷一》和《深入理解Android卷二》不再出版，而知识的传播不应该因为纸质媒介的问题而中断，所以我将在CSDN博客中全文转发这两本书的全部内容。 第一章 阅读前的准备工作 本章主要内容 本...
-
9
OpenHarmony中AT模块的代码理解之一-51CTO.COM OpenHarmony中AT模块的代码理解之一 作者：再见南丫岛 2022-03-15 15:24:53 现在的RTOS操作系统中也都包含了这部分的内容，比如RTT等，通用性更强...
-
3
OpenHarmony中AT模块的代码理解之三-51CTO.COM OpenHarmony中AT模块的代码理解之三 作者：再见南丫岛 2022-03-22 11:33:13 注册部分功能，就是将AT命令的添加到g_at_cmd_list的数组中。等到通过...
-
6
Angular 模块封装概念常见的错误理解 精选 原创 Angular 以类似于 ES 模块的方式引入了模块封装的概念。 它基本上意味着可声明的...
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK