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

JavaScript在ES2015标准中的表现，以及利用ES2015中新特性在JavaScript应用开发中的实践。以清晰的思路说明ES2015的详细特性和意义，并以实际案例展示利用ES2015中的特性如何提高JavaScript应用的前端和后端的开发速度和工程化模式。

小问，本名甘超阳，高级 JavaScript 工程师，国内 Node.js 最早的研究者之一，技术布道者、讲师，参与并维护多个优秀 JavaScript 开源项目。数学系理学士，对多方面的技术领域都有研究和自己的理解，熟悉各类 JavaScript 应用的开发和机器学习应用开发。同时也是一个业余摄影师，热爱人像摄影，个人博客 http://lifemap.in 。

第1章 ECMAScript版本发展历程11.1 ECMAScript的历史更替21.1.1 ECMA-262 / ECMA-262 Edition 221.1.2 ECMA-262 Edition 331.1.3 ECMA-262 Edition 541.1.4 ECMA-262 Edition 441.2 小结5第2章 ES2015能为实际开发带来什么62.1 简单概括ES201562.2 语法糖72.3 工程优势82.3.1 模块化82.3.2 模块化与组件化结合112.3.3 内存安全132.4 小结14第3章 ES2015新语法详解153.1 let、const和块级作用域163.1.1 块级作用域163.1.2 let定义变量203.1.3 const定义常量223.1.3.1 使用语法233.1.3.2 const与块级作用域253.1.4 变量的生命周期273.1.5 更佳体验293.1.5.1 let VS const293.1.5.2 let、const与循环语句303.2 箭头函数（Arrow Function）313.2.1 使用语法313.2.1.1 单一参数的单行箭头函数313.2.1.2 多参数的单行箭头函数313.2.1.3 多行箭头函数323.2.1.4 无参数箭头函数323.2.2 this穿透333.2.2.1 程序逻辑注意事项343.2.2.2 编写语法注意事项363.3 模板字符串（Template String）373.3.1 字符串元素注入373.3.2 多行字符串373.3.3 模板字符串使用语法383.3.3.1 支持字符串元素注入383.3.3.2 支持换行393.3.4 注意事项413.4 对象字面量扩展语法（Enhanced Object Literals）413.4.1 函数类属性的省略语法413.4.2 支持 __proto__ 注入423.4.3 可动态计算的属性名433.4.4 将属性名定义省略443.5 表达式结构（Destructuring）453.5.1 使用语法473.5.1.1 使用对象作为返回载体（带有标签的多返回值）473.5.1.2 使用数组作为返回载体473.5.2 使用场景483.5.2.1 Promise与模式匹配483.5.2.2 Swap（变量值交换）493.5.3 高级用法493.5.3.1 解构别名503.5.3.2 无法匹配的缺省值503.5.3.3 深层匹配503.5.3.4 配合其他新特性523.6 函数参数表达、传参533.6.1 默认参数值543.6.1.1 使用语法543.6.1.2 使用场景543.6.2 剩余参数553.6.2.1 使用语法563.6.2.2 使用场景573.6.2.3 注意事项573.6.3 解构传参583.7 新的数据结构593.7.1 Set有序集合593.7.1.1 使用语法603.7.1.2 增减元素613.7.1.3 检查元素613.7.1.4 历遍元素613.7.2 WeakSet623.7.3 Map映射类型643.7.3.1 使用语法643.7.3.2 增减键值对653.7.3.3 获取键值对663.7.3.4 检查映射对象中的键值对663.7.3.5 历遍映射对象中的键值对663.7.3.6 映射对象与Object的区别673.7.4 WeakMap673.8 类语法（Classes）683.8.1 使用语法693.8.1.1 基本定义语法693.8.1.2 继承语法703.8.1.3 Getter/Setter723.8.1.4 静态方法733.8.1.5 高级技巧773.8.2 注意事项783.8.3 遗憾与期望793.9 生成器（Generator）803.9.1 由来803.9.2 基本概念813.9.2.1 生成器函数（Generator Function）813.9.2.2 生成器（Generator）823.9.3 使用方法833.9.3.1 构建生成器函数833.9.3.2 启动生成器833.9.3.3 运行生成器内容843.9.4 深入理解853.9.4.1 运行模式853.9.4.2 生成器函数以及生成器对象的检测853.9.4.3 生成器嵌套883.9.4.4 生成器与协程903.10 Promise933.10.1 基本语法943.10.1.1 创建Promise对象943.10.1.2 进行异步操作943.10.1.3 处理Promise的状态953.10.2 高级使用方法973.10.2.1 Promise.all(iterable)973.10.2.2 Promise.race(iterable)973.11 代码模块化983.11.1 引入模块993.11.1.1 引入默认模块993.11.1.2 引入模块部分接口1003.11.1.3 引入全部局部接口到指定命名空间1013.11.1.4 混入引入默认接口和命名接口1013.11.1.5 不引入接口，仅运行模块代码1023.11.2 定义模块1023.11.3 暴露模块1033.11.3.1 暴露单一接口1033.11.3.2 暴露模块默认接口1043.11.3.3 混合使用暴露接口语句1043.11.3.4 从其他模块暴露接口1053.11.3.5 暴露一个模块的所有接口1053.11.3.6 暴露一个模块的部分接口1063.11.3.7 暴露一个模块的默认接口1063.12 Symbol1063.12.1 基本语法1073.12.1.1 生成唯一的Symbol值1073.12.1.2 注册全局可重用 Symbol1083.12.1.3 获取全局 Symbol的key1093.12.2 常用Symbol值1093.12.3 Symbol.iterator1103.12.3.1 for-of循环语句与可迭代对象1113.12.3.2 使用Symbol.iterator定义一个可迭代对象1113.12.4 Symbol.hasInstance1133.12.5 Symbol.match1133.12.6 Symbol.unscopables1143.12.7 Symbol.toPrimitive1153.12.8 Symbol.toStringTag1163.13 Proxy1173.13.1 元编程1173.13.2 使用语法1183.13.3 handler.has1193.13.4 handler.get1203.13.5 handler.set1213.13.6 handler.apply1223.13.7 handler.construct1223.13.8 创建可解除Proxy对象1233.13.9 使用场景1233.13.9.1 看似“不可能”的自动填充1233.13.9.2 只读视图1243.13.9.3 入侵式测试框架1253.14 小结127第4章 ES2015的前端开发实战1294.1 Filmy的功能规划1294.1.1 数据分级1304.1.2 数据结构1304.1.2.1 核心数据1304.1.2.2 分类数据1314.1.2.3 相册数据1314.1.3 数据搜索1324.1.3.1 搜索分类1324.1.3.2 搜索相册1324.1.4 界面原型规划1334.1.4.1 着陆页面1334.1.4.2 分类目录页面1334.1.4.3 分类内容页面1344.1.4.4 相册页面1344.2 功能组件分割1354.2.1 根组件分割1354.2.2 着陆页面1364.2.3 目录页面1364.2.4 分类页面1374.2.5 相册页面1374.3 技术选型1394.3.1 整体架构1394.3.2 数据层1394.3.3 逻辑层及UI层1404.3.3.1 AngularJS1414.3.3.2 React.js1414.3.3.3 Vue.js1424.3.4 程序架构1434.3.4.1 路由组件1434.3.4.2 数据组件1444.3.4.3 视图组件1454.4 数据层开发1464.4.1 安装依赖1474.4.2 配置七牛JavaScript SDK1474.4.3 核心配置数据1504.4.3.1 获取核心配置数据1504.4.3.2 更新配置数据1514.4.4 分类数据1544.4.4.1 数据结构1554.4.4.2 数据索引1574.4.4.3 更新分类数据1594.4.5 相册数据1594.4.5.1 数据加载1604.4.5.2 数据更新1614.4.5.3 数据检索1614.5 入口文件与路由组件开发1654.5.1 路由基础组件1664.5.2 入口文件1664.5.2.1 简单的字符串处理1674.5.2.2 多国语言处理1684.6 着陆页面开发1704.6.1 路由组件开发1714.6.2 着陆页视图1744.6.2.1 引入数据1744.6.2.2 绑定视图1744.6.3 分类目录视图1774.6.3.1 分类元素视图组件1774.6.3.2 渲染分类目录1784.6.4 路由组件、视图组件与数据组件的联系1804.6.4.1 在逻辑控制器中进行数据操作1804.6.4.2 在视图中进行数据操作1814.6.4.3 组织方式的区别与项目应用1824.7 分类页面开发1824.7.1 路由组件开发1834.7.2 分类元素视图组件1854.7.3 相册列表视图组件1864.7.4 相册页面开发1884.7.4.1 相册页面的路由组件1884.7.4.2 相册信息视图组件1894.7.4.3 图片列表视图组件1894.8 管理工具开发1904.9 初始化Filmy实例1914.9.1 基本元素1924.9.2 基本逻辑1944.9.2.1 获取七牛云的上传凭证1954.9.2.2 检查并处理管理员对背景图片的填写方式1964.9.2.3 将核心数据部署到七牛云上1974.10 管理工具的总体组织1974.10.1 管理页面的总体架构1984.10.2 侧边栏1984.10.3 路由配置2004.11 相册发布页面2024.11.1 基本逻辑2024.11.1.1 绑定数据2024.11.1.2 绑定元素以接收文件上传2034.11.2 上传数据2044.11.2.1 图片上传逻辑2044.11.2.2 数据提交2054.12 打包发布2064.12.1 准备工作2064.12.2 配置 webpack2074.12.2.1 安装依赖2074.12.2.2 编写配置文件2074.12.3 发布到云端2094.13 小结210第5章 ES2015的Node.js开发实战2115.1 Duel Living的功能规划2115.1.1 基本产品组织2115.1.2 数据结构2135.1.2.1 赛事（Duel）2135.1.2.2 消息（Message）2145.1.2.3 参赛方（Player）和主持人（Host）2165.1.3 数据结构的关系2165.2 数据层开发2175.2.1 文件结构2175.2.2 安装依赖2175.2.3 主持人数据和参赛方数据2185.2.4 赛事数据2235.2.5 消息数据2255.3 服务端基本架构开发2275.3.1 安装依赖2275.3.2 程序入口2295.3.3 路由表2295.4 API开发2305.4.1 API安全2305.4.2 赛事API2315.4.2.1 获取当前可用的所有赛事信息2325.4.2.2 获取指定赛事数据2325.4.2.3 创建新的赛