三天三夜,整理了30张高清思惟导图 | 带你重温ES6(下)

这是我参与更文挑战的第29天,活动详情查看: 更文挑战编程

前言

基础决定上层建筑!最近重温了ES6,我将知识点汇总整理成脑图,一来能够加深印象,二来方便之后查阅数组

注:本系列分上、下两篇,当前为下篇浏览器

上篇传送门:三天三夜,整理了30张高清思惟导图 | 带你重温ES6(上)服务器

Set 和 Map数据结构

Set和Map是ES6新增的数据结构,set相似于数组,但里面没有重复的东西,Map相似对象,可是能够键能够是任意数据类型markdown

Set 和 Map 数据结构.png

Proxy

属于一种“元编程”,能够理解成,在目标对象以前架设一层“拦截”,外界对该对象的访问,都必须先经过这层拦截数据结构

Proxy.png

Reflect

Reflect也是ES6为了操做对象而提供的新API,但它可让不少操做变得更易读app

Reflect.png

Promise 对象

本质是经过构造函数Promise产生对象,对象里面定义了一系列的方法,利用这些方法能够更好的解决异步回调的问题异步

Promise 对象.png

Iterator 和 for...of 循环

Iterator是遍历器的意思,它为各类数据结构提供一个统1、简便的访问接口,并利用新增的for of循环能够很方便的实现各类数据的遍历async

Iterator 和 for...of 循环.png

Generator 函数

Generator是一种异步解决方案,语法行为与传统函数彻底不一样ide

Generator 函数的语法和应用.png

async 函数

async本质上是Generator的语法糖,语义更好且不用手动调用next

async 函数.png

Class

本质是语法糖,大部分功能ES5均可以作到。可是它更语义化了

Class 类.png

Class 的继承

能够经过extends关键字实现继承

Class的继承.png

Module 的语法

ES6 在语言标准的层面上实现了模块化,能够取代以前社区的CommonJS和AMD规范,成为浏览器和服务器通用的模块解决方案

Module 的语法.png

Module的加载实现

能够在script标签中定义type为"module",表示里面是关于模块化的一些东西。可是注意都是异步加载

Module 的加载实现.png

编程风格

一些大厂的编程风格,可借鉴

编程风格.png

读懂规格

规格文件是计算机语言的官方标准,详细描述语法规则和实现方法,当你遇到疑难的语法问题,实在找不到答案,这时能够去查看规格文件

读懂规格.png

异步遍历器

ES2018 引入了“异步遍历器”,为异步操做提供原生的遍历器接口,即value和done这两个属性都是异步产生

异步遍历器.png

ArrayBuffer

是JavaScript操做二进制数据的接口

ArrayBuffer.png

最新提案

一些更新的东西

image.png

Decorator

装饰器是与类相关的语法,可用于修改类和类方法

Decorator.png

end~

以上就是此次整理的结果,但愿对你有帮助!

未经本人许可,禁止转载

欢迎点赞、收藏,若有疑问欢迎下方留言~

相关文章
相关标签/搜索