√ ES2015彻底颠覆JavaScript格局,首部专著诚意满满,既倡导工程化思想,更不乏解决问题的务实。
√ 现代前端开发以产品为目标,追求代码可读性、灵活性和可维护性,学习ES新标意义正在于此。
√ 作者多年精研技术,得到业界广泛认可,本书由贺师俊(hax)审校,程劭非(Winter)等撰文推荐。
√ 语言精练,细节扎实,背景与原理描述丰富,更面向ES5→ES6人群设置完整案例,极利于动手学习。
ES2015 一直吸引着众多JavaScript 开发者去积极尝试,如今,使用ES2015 标准进行工程开发也已深入人心。随着工程师们对ES2015 的热情日益增长,许多新特性应运而出。《实战ES2015:深入现代JavaScript 应用开发》为读者介绍了ES2015 的详细特性和意义,以及JavaScript 在ES2015 标准中的表现,同时向读者展示了利用ES2015中的新特性完成的JavaScript 应用开发实例,以实际案例说明利用ES2015 的新特性如何提高JavaScript应用前端和后端的开发效率。
小问,本名甘超阳,高级 JavaScript 工程师,国内 Node.js *早的研究者之一,技术布道者、讲师,参与并维护多个优秀 JavaScript 开源项目。数学系理学士,对多方面的技术领域都有研究和自己的理解,熟悉各类 JavaScript 应用的开发和机器学习应用开发。同时也是一个业余摄影师,热爱人像摄影。
有幸作为早期预览者见证了这本书逐渐成长,看到作者以非常严谨的态度在写这本书。ES2015 对 JavaScript 来说是个质变,它在工程上有很高的价值,能够尽快学习和应用 ES2015,可以帮助技术团队解决很多问题,也许会成为一些团队开始重视工程的契机。
——程邵非(winter) 阿里巴巴高级技术专家
现代编程语言的发展,一小部分原因是程序设计语言理论本身的发展,更大一部分原因是用户(开发者)希望使用更加方便和自然的方式组织抽象代码。因为这么做能显著改善代码可读性、灵活性和可维护性,从而最终改善产品的质量。这就是我们要随着现代编程语言特性的发展而持续学习的目的所在,也是本书介绍 ES2015 是什么、如何用的意义所在。阅读本书,对现代前端开发者写更好的代码有帮助。 —— 360 奇舞团团长 月影
这本书是小问这些年来对于 JavaScript 技术的总结,同时也是一个展望。相信读者朋友阅读以后会收获满满,对自己的技术成长有更清晰的理解。在此推荐本书给各位 JavaScript、Web、Nodejs 或相关技术的开发者,以及对于相关技术感兴趣的朋友们。
—— 尼奥 LeanCloud 前端技术负责人
这本书用简洁有力的表述方式,为大家掀开了 ES2015 神秘的面纱。通过对比其他语言以及介绍语言能力扩展的背景,深入浅出地介绍了 ES2015 的每一个细节知识点。从 ES5 熟练切换到 ES6 需要一定量的实践,而本书的后两章为读者精选了两个完整的案例,建议你跟着动动手。我相信,这本书会带着你徜徉在新知识的魅力海洋中。
—— 李靖 淘宝网资深前端工程师
第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.1.1 基本定义语法 69
3.8.1.2 继承语法 70
3.8.1.3 Getter/Setter 72
3.8.1.4 静态方法 73
3.8.1.5 高级技巧 77
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
附录 其他ES2015新特性 268
历时至少7 年制定的新ECMAScript 标准——ECMAScript 6(亦称ECMAScript Harmony,简称ES6),终于在2015 年6 月正式发布。ES6 也被称为ES2015,自从2009 年上一个标准版本ES5 发布以来,ES2015 就一直以其新语法、新特性吸引着众多JavaScript 开发者,驱使他们积极尝鲜。
ES6 的第一个特性草案发布于2011 年7 月。
虽然各大浏览器厂商所开发的JavaScript 引擎至今都还没有实现对ES2015 中所有特性的完美支持,但这并不能阻挡工程师们对ES2015 的热情。于是,Babel、Traceur 等编译器便出现了。在ES2015 标准正式发布之前,这些编译器便能将尚未得到支持的ES2015 特性转换为ES5 标准的代码,使其得到浏览器的支持。其中,Babel 因具有模块化转换器(Transpiler)这一设计特点赢得了绝大多数JavaScript 开发者的青睐,本文也将以Babel 为基础工具,向大家展示ES2015的神奇魅力。
如今,使用ES2015 标准进行工程开发已经深入人心,甚至连ES2016 标准也已经在2016年正式发布。在这个如此恰当的时机,我觉得应该写一本通俗易懂的关于 ES2015 标准的书来引导广大JavaScript 爱好者和工程师向新时代迈进。
本书内容
本书以JavaScript 作为基本编程语言,并以最新的ES2015 标准作为JavaScript 代码编写标准,旨在向读者展示如何以最新的JavaScript 代码标准编写出更具可读性、更方便、更具工程化优势的代码。
本书首先介绍了JavaScript 标准版本的发展历史,然后简要概括了ES2015 的作用和意义。在此基础上,详细讲解了JavaScript 在ES2015 标准中新增内容(如箭头函数、模板字符串、新的数据结构、类语法、生成器等)的基本用法和注意要点。当大部分读者对ES2015 有了进一步的了解后,本书便会以实际的开发项目向大家展示如何利用ES2015 标准,较好地实现JavaScript 应用。
最后,本书还会对最新发布的ES2016 标准进行研究和探讨,展望未来JavaScript 的发展方向。
本书读者
本书的目标读者有以下三类:
1.正在学习JavaScript 开发,对JavaScript 语言有基本的了解和熟悉度,且希望能更早地了解JavaScript 的发展情况的人。
2.正从事 JavaScript 开发相关工作,熟悉JavaScript 的基本开发要领,且有意掌握最新的JavaScript 技术进行自我提升的Web 工程师(此处不区分前端与后端)。
3.希望更深入地研究JavaScript 这门开发语言的JavaScript 工程师。
与此同时,本书也适合正使用其他编程语言(如Python、Ruby、Java 等)进行Web 开发的工程师来学习现代前端开发的知识。
使用示例
要运行本书中的示例,需要安装以下系统及软件。
? 操作系统:Mac OS X 10.9 或以上版本、Windows 7 或以上版本、Linux。
? 浏览器:Google Chrome、Safari、Firefox、Internet Explorer 11、Windows Egde。
? 运行环境:Node.js 4.0 或以上版本。
本书结构
第1 章 回顾ECMAScript 版本发展历程
讲述了历代ECMAScript 标准版本的发展历程以及对前一个版本的新增和修正。对于不了解ECMAScript 或JavaScript 的初学者来说,了解ECMAScript 的发展历程有助于更好地理解它的现状,同时也对往后的学习有更好的帮助。
第2 章 ES2015 能为JavaScript 的开发带来什么
对于企业来说,一项技术最重要的是它能为企业带来的效益,ES2015 中集成了不少从前需要开发者自行完成的特性或工具,能够加强ECMAScript 所属语言的工程化属性。
第3 章 ES2015 新语法详解
详细介绍ES2015 中比较重要几种特性,并以较为常见的例子说明它们的作用方法,使读者能更好地理解。从诞生缘由、使用方法以及相关事例几个方面来介绍每一个新的特性,与其他介绍ES2015 标准的文章或书籍不一样的是,本书将以一线工程师在实际开发经验中总结出来的注意事项为例,将一些已知的、容易出现的错误点讲明白。
第4 章 ES2015 的前端开发实战
以Filmy 为背景,利用ES2015 标准开发该项目的前端JavaScript 应用部分,其中涉及JavaScript的模块化开发、第三方库的使用、前端JavaScript 应用工程化等内容。开发该项目本着能够真正投入使用的原则,旨在让读者明白如何将ES2015 这一新标准运用到开发当中来优化和提升开发体验,同时积累实际经验。
第5 章 ES2015 的Node.js 开发实战
以竞技比赛直播系统为开发内容,讲述ES2015 在Node.js 中的开发体验以及相对于ES5 时代中Node.js 开发的改进之处。另外,这个项目还会使用到一些新的Web 技术,如使用WebSocket、WebRTC(P2P)等通信API 来替代一些较为老旧的通信技术,以体现在众多新潮技术的帮助下,目前最为火热的直播类应用如何进行开发。
第6 章 ES2016 标准
在ES2015 标准之后,ECMA 标准委员会在2016 年发布了ES2016 标准。这章介绍ES2016相对于ES2015 有了哪些改进,以及为开发者带来了哪些更引人注目的特性。
第7 章 展望更远的未来
ECMAScript 一直处在快速发展的过程中,除了ES2015 和ES2016 中所包含的新特性以外,更有很多让人兴奋的新特性处在实验开发阶段,这些功能很可能会在不久的将来进入ECMAScript 标准。
写作感言
这本书是由一篇较长的关于ES2015 标准介绍的文章所发展出来的,历时6 个月写作完成。在这6 个月中,ECMA 委员会还发布了最新的ES2016 标准,而国内外不同的团队对ES2015 甚至ES2016 的使用率也渐渐达到了一个前所未有的高度,新语法、新特性的使用也开始成为JavaScript 开发团队中的标配。
另外我还得特别感谢一些人。首先要感谢我的家人,在我成为“全职作者”的这段时间内所给予我的支持和鼓励。感谢这本书的策划编辑张春雨老师,是他给予了我这个机会将一篇文章写成了一本完整的书籍,也是他让我重新捡起了搁置多年的出版计划。同时还要感谢贺师俊老师(hax)、程邵非老师(winter)等前辈给予本书的大力支持和宝贵建议,使得这本书的内容不至于空洞,也让我受益良多。
联系作者
我由衷地感谢你购买了此书,希望你会喜欢它,也希望它能够为你带来你所希望获得的知识。虽然我已经非常细心地检查书中所提到的所有内容,但仍有可能存在疏漏,若你在阅读过程中发现错误,在此我先表示歉意。同时欢迎你对本书的内容和相关源代码发表意见和评论。你可以通过我的私人邮箱 willwengunn@gmail.com 与我取得联系,清楚地说明来意,我会一一解答你的疑惑。
此用户未及时填写评价内容,系统默认好评!
评分很好的一本书,初学者看非常好
评分不错!厚、快递物流炒鸡快、早上10点多下单、下午5点到
评分东西超级好,你值得拥有,可以入手试试
评分此用户未填写评价内容
评分质量非常好,与卖家描述的完全一致,非常满意, 真的很喜欢,完全超出期望值,发货速度非常快,包装非常仔细、严实,物流公司服务态度很好,运送速度很快,很满意的一次购物
评分还没看,后面的案例比较简单
评分书的包装很严实,纸张不错内容很实用,好评!
评分都是关注了很久的书,这次活动一举拿下,一千多的书,两百多拿下。
本站所有内容均为互联网搜索引擎提供的公开搜索信息,本站不存储任何数据与内容,任何内容与数据均与本站无关,如有需要请联系相关搜索引擎包括但不限于百度,google,bing,sogou 等
© 2025 book.cndgn.com All Rights Reserved. 新城书站 版权所有