《实战ES2015：深入现代JavaScript 应用开发》

内容提要[url=]编辑[/url][url=] 播报[/url]
在ES2015标准中的表现，以及利用ES2015中新特性在应用开发中的实践。以清晰的思路说明ES2015的详细特性和意义，并以实际案例展示利用ES2015中的特性如何提高应用的前端和后端的开发速度和工程化模式 [1]

目录[url=]编辑[/url][url=] 播报[/url]
第1 章ECMAScript 版本发展历程1
1.1 ECMAScript 的历史更替2
1.1.1 ECMA-262 / ECMA-262 Edition 2 2
1.1.2 ECMA-262 Edition 3 3
1.1.3 ECMA-262 Edition 5 4
1.1.4 ECMA-262 Edition 4 4
1.2 小结5
第2 章ES2015 能为实际开发带来什么6
2.1 ES2015 概述6
2.2 语法糖7
2.3 工程优势8
2.3.1 模块化8
2.3.2 模块化与组件化结合11
2.3.3 内存安全13
2.4 小结14
第3 章ES2015 新语法详解15
3.1 let、const 和块级作用域16
3.1.1 块级作用域16
3.1.2 let 定义变量20
3.1.3 const 定义常量22
3.1.3.1 使用语法23
3.1.3.2 const 与块级作用域25
3.1.4 变量的生命周期27
3.1.5 更佳体验29
3.1.5.1 let VS const 29
3.1.5.2 let、const 与循环语句30
3.2 箭头函数（Arrow Function）31
3.2.1 使用语法31
3.2.1.1 单一参数的单行箭头函数31
3.2.1.2 多参数的单行箭头函数31
3.2.1.3 多行箭头函数32
3.2.1.4 无参数箭头函数32
3.2.2 this 穿透33
3.2.2.1 程序逻辑注意事项34
3.2.2.2 编写语法注意事项36
3.3 模板字符串（Template String）37
3.3.1 字符串元素注入37
3.3.2 多行字符串37
3.3.3 模板字符串使用语法38
3.3.3.1 支持字符串元素注入38
3.3.3.2 支持换行39
3.3.4 注意事项41
3.4 对象字面量扩展语法（Enhanced Object Literals）41
3.4.1 函数类属性的省略语法41
3.4.2 支持__proto__ 注入42
3.4.3 可动态计算的属性名43
3.4.4 将属性名定义省略44
3.5 表达式结构（Destructuring）45
3.5.1 使用语法47
3.5.1.1 使用对象作为返回载体（带有标签的多返回值）47
3.5.1.2 使用数组作为返回载体47
3.5.2 使用场景48
3.5.2.1 Promise 与模式匹配48
3.5.2.2 Swap（变量值交换）49
3.5.3 高级用法49
3.5.3.1 解构别名50
3.5.3.2 无法匹配的缺省值50
3.5.3.3 深层匹配50
3.5.3.4 配合其他新特性52
3.6 函数参数表达、传参53
3.6.1 默认参数值54
3.6.1.1 使用语法54
3.6.1.2 使用场景54
3.6.2 剩余参数55
3.6.2.1 使用语法56
3.6.2.2 使用场景57
3.6.2.3 注意事项57
3.6.3 解构传参58
3.7 新的数据结构59
3.7.1 Set 有序集合59
3.7.1.1 使用语法60
3.7.1.2 增减元素61
3.7.1.3 检查元素61
3.7.1.4 历遍元素61
3.7.2 WeakSet 62
3.7.3 Map 映射类型64
3.7.3.1 使用语法64
3.7.3.2 增减键值对65
3.7.3.3 获取键值对66
3.7.3.4 检查映射对象中的键值对66
3.7.3.5 历遍映射对象中的键值对66
3.7.3.6 映射对象与Object 的区别67
3.7.4 WeakMap 67
3.8 类语法（Classes）68
3.8.1 使用语法69
3.8.2 注意事项78
3.8.3 遗憾与期望79
3.9 生成器（Generator）80
3.9.1 由来80
3.9.2 基本概念81
3.9.2.1 生成器函数（Generator Function）81
3.9.2.2 生成器（Generator）82
3.9.3 使用方法83
3.9.3.1 构建生成器函数83
3.9.3.2 启动生成器83
3.9.3.3 运行生成器内容84
3.9.4 深入理解85
3.9.4.1 运行模式85
3.9.4.2 生成器函数以及生成器对象的检测85
3.9.4.3 生成器嵌套88
3.9.4.4 生成器与协程90
3.10 Promise 93
3.10.1 基本语法94
3.10.1.1 创建Promise 对象94
3.10.1.2 进行异步操作94
3.10.1.3 处理Promise 的状态95
3.10.2 高级使用方法97
3.10.2.1 Promise.all(iterable) 97
3.10.2.2 Promise.race(iterable) 97
3.11 代码模块化98
3.11.1 引入模块99
3.11.1.1 引入默认模块99
3.11.1.2 引入模块部分接口100
3.11.1.3 引入全部局部接口到指定命名空间101
3.11.1.4 混入引入默认接口和命名接口101
3.11.1.5 不引入接口，仅运行模块代码102
3.11.2 定义模块102
3.11.3 暴露模块103
3.11.3.1 暴露单一接口103
3.11.3.2 暴露模块默认接口104
3.11.3.3 混合使用暴露接口语句104
3.11.3.4 从其他模块暴露接口105
3.11.3.5 暴露一个模块的所有接口105
3.11.3.6 暴露一个模块的部分接口106
3.11.3.7 暴露一个模块的默认接口106
3.12 Symbol 106
3.12.1 基本语法107
3.12.1.1 生成唯一的Symbol 值107
3.12.1.2 注册全局可重用Symbol 108
3.12.1.3 获取全局Symbol 的key 109
3.12.2 常用Symbol 值109
3.12.3 Symbol.iterator 110
3.12.3.1 for-of 循环语句与可迭代对象111
3.12.3.2 使用Symbol.iterator 定义一个可迭代对象111
3.12.4 Symbol.hasInstance 113
3.12.5 Symbol.match 113
3.12.6 Symbol.unscopables 114
3.12.7 Symbol.toPrimitive 115
3.12.8 Symbol.toStringTag 116
3.13 Proxy 117
3.13.1 元编程117
3.13.2 使用语法118
3.13.3 handler.has 119
3.13.4 handler.get 120
3.13.5 handler.set 121
3.13.6 handler.apply 122
3.13.7 handler.construct 122
3.13.8 创建可解除Proxy 对象123
3.13.9 使用场景123
3.13.9.1 看似“不可能”的自动填充123
3.13.9.2 只读视图124
3.13.9.3 入侵式测试框架125
3.14 小结127
第4 章ES2015 的前端开发实战129
4.1 Filmy 的功能规划129
4.1.1 数据分级130
4.1.2 数据结构130
4.1.2.1 核心数据130
4.1.2.2 分类数据131
4.1.2.3 相册数据131
4.1.3 数据搜索132
4.1.3.1 搜索分类132
4.1.3.2 搜索相册132
4.1.4 界面原型规划133
4.1.4.1 着陆页面133
4.1.4.2 分类目录页面133
4.1.4.3 分类内容页面134
4.1.4.4 相册页面134
4.2 功能组件分割135
4.2.1 根组件分割135
4.2.2 着陆页面136
4.2.3 目录页面136
4.2.4 分类页面137
4.2.5 相册页面137
4.3 技术选型139
4.3.1 整体架构139
4.3.2 数据层139
4.3.3 逻辑层及UI 层140
4.3.3.1 AngularJS 141
4.3.3.2 React.js 141
4.3.3.3 Vue.js 142
4.3.4 程序架构143
4.3.4.1 路由组件143
4.3.4.2 数据组件144
4.3.4.3 视图组件145
4.4 数据层开发146
4.4.1 安装依赖147
4.4.2 配置七牛JavaScript SDK 147
4.4.3 核心配置数据150
4.4.3.1 获取核心配置数据150
4.4.3.2 更新配置数据151
4.4.4 分类数据154
4.4.4.1 数据结构155
4.4.4.2 数据索引157
4.4.4.3 更新分类数据159
4.4.5 相册数据159
4.4.5.1 数据加载160
4.4.5.2 数据更新161
4.4.5.3 数据检索161
4.5 入口文件与路由组件开发165
4.5.1 路由基础组件166
4.5.2 入口文件166
4.5.2.1 简单的字符串处理167
4.5.2.2 多国语言处理168
4.6 着陆页面开发170
4.6.1 路由组件开发171
4.6.2 着陆页视图174
4.6.2.1 引入数据174
4.6.2.2 绑定视图174
4.6.3 分类目录视图177
4.6.3.1 分类元素视图组件177
4.6.3.2 渲染分类目录178
4.6.4 路由组件、视图组件与数据组件的联系180
4.6.4.1 在逻辑控制器中进行数据操作180
4.6.4.2 在视图中进行数据操作181
4.6.4.3 组织方式的区别与项目应用182
4.7 分类页面开发182
4.7.1 路由组件开发183
4.7.2 分类元素视图组件185
4.7.3 相册列表视图组件186
4.7.4 相册页面开发188
4.7.4.1 相册页面的路由组件188
4.7.4.2 相册信息视图组件189
4.7.4.3 图片列表视图组件189
4.8 管理工具开发190
4.9 初始化Filmy 实例191
4.9.1 基本元素192
4.9.2 基本逻辑194
4.9.2.1 获取七牛云的上传凭证195
4.9.2.2 检查并处理管理员对背景图片的填写方式196
4.9.2.3 将核心数据部署到七牛云上197
4.10 管理工具的总体组织197
4.10.1 管理页面的总体架构198
4.10.2 侧边栏198
4.10.3 路由配置200
4.11 相册发布页面202
4.11.1 基本逻辑202
4.11.1.1 绑定数据202
4.11.1.2 绑定元素以接收文件上传203
4.11.2 上传数据204
4.11.2.1 图片上传逻辑204
4.11.2.2 数据提交205
4.12 打包发布206
4.12.1 准备工作206
4.12.2 配置webpack 207
4.12.2.1 安装依赖207
4.12.2.2 编写配置文件207
4.12.3 发布到云端209
4.13 小结210
第5 章ES2015 的Node.js 开发实战211
5.1 Duel Living 的功能规划211
5.1.1 基本产品组织211
5.1.2 数据结构213
5.1.2.1 赛事（Duel）213
5.1.2.2 消息（Message）214
5.1.2.3 参赛方（Player）和主持人（Host）216
5.1.3 数据结构的关系216
5.2 数据层开发217
5.2.1 文件结构217
5.2.2 安装依赖217
5.2.3 主持人数据和参赛方数据218
5.2.4 赛事数据223
5.2.5 消息数据225
5.3 服务端基本架构开发227
5.3.1 安装依赖227
5.3.2 程序入口229
5.3.3 路由表229
5.4 API 开发230
5.4.1 API 安全230
5.4.2 赛事API 231
5.4.2.1 获取当前可用的所有赛事信息232
5.4.2.2 获取指定赛事数据232
5.4.2.3 创建新的赛事233
5.4.3 消息API 236
5.4.3.1 获取指定赛事中的若干消息236
5.4.3.2 发布消息到指定赛事237
5.5 直播网络237
5.5.1 网络架构238
5.5.1.1 集中架构238
5.5.1.2 分布式架构239
5.5.1.3 P2P 网络239
5.5.2 技术实现240
5.5.3 WebSocket 服务端241
5.5.3.1 建立WebSocket 服务端实例242
5.5.3.2 建立WebSocket 通讯连接242
5.5.3.3 广播消息244
5.5.4 P2P 协调服务端245
5.5.4.1 建立P2P 协调连接245
5.5.4.2 存储客户端地理信息246
5.5.4.3 匹配最相近的客户端248
5.6 直播间客户端249
5.6.1 准备工作249
5.6.2 建立直播通信250
5.6.2.1 建立PeerJS 客户端实例251
5.6.2.2 建立WebSocket 通信连接251
5.6.2.3 建立P2P 通信连接253
5.6.3 处理消息253
5.7 部署应用255
5.7.1 编译代码255
5.7.2 运行程序256
5.7.3 发布部署257
5.8 小结258
第6 章ES2016 标准259
6.1 Array.prototype.includes 259
6.2 幂运算符260
6.3 小结261
第7 章展望更远的未来262
7.1 async/await 262
7.2 Decorators 264
7.2.1 简单实例264
7.2.2 黑科技265
7.3 函数绑定266
7.4 小结267
附录A 其他ES2015 新特性268 [1]