1 JavaScript Promise迷你书（中文版） 原著：azu / 翻译：liubin、kaku、honnkyou Revision History Revision 1.4.1 原/翻 Table of Contents 前言 ........................................................................... 况，从而不能正确的进行错误处理。 Chapter.3 - Promise测试 这章我们学习如果编写Promise 的测试代码 基本测试 关于ES6 Promises的语法我们已经学了一些， 我想大家应该也能够在实际项目中编写 Promise 的Demo代码了吧。 这时，接下来你可能要苦恼该如何编写Promise 的测试代码了。 那么让我们先来学习下如何使用 Mocha33来对Promise 进行基本的测试吧。 ipt 会隐式的使用return返回，所 以使用 done 的话可能更容易理解一些。 对Promise进行测试比对通常的异步函数进行测试坑更多，虽说采取什么样的测试方法 是个人的自由，但是在同一项目中采取前后风格一致的测试则是非常重要。 Chapter.4 - Advanced 在这一章里，我们会基于前面学到的内容，再深入了解一下Promise里的一些高级内 容，加深对Promise的理解。

ECMAScript 3.1，而将其他激进的设想扩大范围，放入以后的版 本，由于会议的气氛，该版本的项目代号起名为 Harmony（和谐）。会后不久， ECMAScript 3.1 就改名为 ECMAScript 5。 2009年12月，ECMAScript 5.0 版正式发布。Harmony 项目则一分为二，一些较为 可行的设想定名为 JavaScript.next 继续开发，后来演变成 ECMAScript 上面的原始代码用了箭头函数，Babel 将其转为普通函数，就能在不支持箭头函数 的 JavaScript 环境执行了。 配置文件 .babelrc Babel 的配置文件是 .babelrc ，存放在项目的根目录下。使用 Babel 的第一步， 就是配置这个文件。 该文件用来设置转码规则和插件，基本格式如下。 { "presets": [], "plugins": [] } ECMAScript babel src -d lib -s 上面代码是在全局环境下，进行 Babel 转码。这意味着，如果项目要运行，全局环 境必须有 Babel，也就是说项目产生了对环境的依赖。另一方面，这样做也无法支 持不同项目使用不同版本的 Babel。 一个解决办法是将 babel-cli 安装在项目之中。 # 安装 $ npm install --save-dev babel-cli 然后，改写

positive lookahead 和 negative lookahead。 中文翻译分别是正向先行断言和负向先行断言。 ES5 之后的版本，会支持 positive lookbehind 和 negative lookbehind。 具体是 (?<=p) 和 (?翻译成环视，即看看右边和看看左边。 但一般书上，没有很好强调这四者是个位置。 比如 ( ^。 表示开头前面还有个位置（当然也是开头，即同一个位置，想想之前的空字符类比）。 (?=.*[0-9]) 表示该位置后面的字符匹配 .*[0-9]，即，有任何多个任意字符，后面再跟个数字。 翻译成大白话，就是接下来的字符，必须包含个数字。 2.4.3.6. 另外一种解法 “至少包含两种字符”的意思就是说，不能全部都是数字，也不能全部都是小写字母，也不能全部都是大写 字母。 那么要求“不能全部都是数字”，怎么做呢？ 来。写书或者说写作 是一种很好的以教为学的手段。毕竟，形成文字，教给别人算是对知识的最直接的应用了。看似为了教，其 实是为了学。只有教会别人才说明你掌握了。“以教为学”的手段除了写东西之外，还有翻译、以及面对面 的辅导等。 JavaScript 正则表达式迷你书 后记 | 第 78 页 以目标为导向的做中学，是比较有效的学习手段。本书是用 Asciidoc 写成的。它类似于 Markdown，但在

positive lookahead 和 negative lookahead。 中文翻译分别是正向先行断言和负向先行断言。 ES5 之后的版本，会支持 positive lookbehind 和 negative lookbehind。 具体是 (?<=p) 和 (?翻译成环视，即看看右边和看看左边。 但一般书上，没有很好强调这四者是个位置。 比如 ( ^。 表示开头前面还有个位置（当然也是开头，即同一个位置，想想之前的空字符类比）。 (?=.*[0-9]) 表示该位置后面的字符匹配 .*[0-9]，即，有任何多个任意字符，后面再跟个数字。 翻译成大白话，就是接下来的字符，必须包含个数字。 2.4.3.6. 另外一种解法 “至少包含两种字符”的意思就是说，不能全部都是数字，也不能全部都是小写字母，也不能全部都是大写 字母。 那么要求“不能全部都是数字”，怎么做呢？ 来。写书或者说写作 是一种很好的以教为学的手段。毕竟，形成文字，教给别人算是对知识的最直接的应用了。看似为了教，其 实是为了学。只有教会别人才说明你掌握了。“以教为学”的手段除了写东西之外，还有翻译、以及面对面 的辅导等。 以目标为导向的做中学，是比较有效的学习手段。本书是用Asciidoc写成的。它类似于Markdown，但在此书 之前本人都没有用过。以需求为驱动，逐步百度检索，自己才

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 179 1 0. 写在前面 0.1. 关于本书 本项目致力于构建一本开源免费、新手友好的数据结构与算法入门书。 ‧ 全书采用动画图解，结构化地讲解数据结构与算法知识，内容清晰易懂、学习曲线平滑； ‧ 算法源代码皆可一键运行，支持 Java, C++ ello World!” 的回忆。 ‧ 感谢苏潼为本书设计了封面和 LOGO ，在我的强迫症下前后多次帮忙修改，谢谢你的耐心。 ‧ 感谢 @squidfunk 给出的写作排版建议，以及优秀开源项目 Material‑for‑MkDocs 。 本书鼓励“手脑并用”的学习方式，在这点上受到了《动手学深度学习》很大影响，也在此向各位同学强烈推 荐这本著作，包括中文版、英文版、李沐老师 bilibili 2.2. 行文风格约定 标题后标注 * 的是选读章节，内容相对较难。如果你的时间有限，建议可以先跳过。 文章中的重要名词会用「括号」 标注，例如「数组 Array」 。建议记住这些名词，包括英文翻译，以便后续阅 读文献时使用。 重点内容、总起句、总结句会被 加粗，此类文字值得特别关注。 专有名词和有特指含义的词句会使用“双引号” 标注，以避免歧义。 0. 写在前面 hello‑algo

SVG、canvas、webGL） 动画工具 JSON 工具 占位符内容工具 测试工具 前端数据存储工具 (例如客户端的数据存储方案) 模块加载／打包工具 模块／包管理工具 托管工具 项目管理以及代码托管工具 协作与沟通工具 内容管理 托管／API 工具 后端即服务工具 离线工具 安全工具 构建工具 部署工具 4 1.7.38 1.7.39 1.7.40 1.7 动画工具 JSON 工具 占位符内容工具 测试工具 前端数据存储工具 (例如客户端的数据存储方案) 模块加载／打包工具 Introduction 9 模块／包管理工具 托管工具 项目管理以及代码托管工具 协作与沟通工具 内容管理 托管／API 工具 后端即服务工具 离线工具 安全工具 构建工具 部署工具 网站／应用监控工具 JavaScript 错误报告／监控 本文档基于 Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License 协议发布。 致谢 沪江Web前端团队 掘金翻译计划 Introduction 10 前端开发者是什么？ WEB 前端开发，也作客户端开发，是给网站或网页应用生产 HTML、CSS 和 JavaScript 的过程，它让用户得以浏览网站或网页应用并与之交互。创建网站前端的工

前言 � 算法犹如美妙的交响乐，每一行代码都像韵律般流淌。 愿这本书在你的脑海中轻轻响起，留下独特而深刻的旋律。 第 0 章 前言 hello‑algo.com 2 0.1 关于本书 本项目旨在创建一本开源免费、新手友好的数据结构与算法入门教程。 ‧ 全书采用动画图解，结构化地讲解数据结构与算法知识，内容清晰易懂、学习曲线平滑。 ‧ 算法源代码皆可一键运行，支持 Java、C++、 1 行文风格约定 ‧ 标题后标注 * 的是选读章节，内容相对困难。如果你的时间有限，建议可以先跳过。 ‧ 专有名词和有特指含义的词句会使用“双引号” 标注，以避免歧义。 ‧ 重要专有名词及其英文翻译会用「」 括号标注，例如「数组 array」 。建议记住它们，以便阅读文献。 ‧ 加粗的文字 表示重点内容或总结性语句，这类文字值得特别关注。 ‧ 当涉及到编程语言之间不一致的名词时，本书均以 Python hello‑algo.com 369 图 16‑1 页面编辑按键 图片无法直接修改，需要通过新建 Issue 或评论留言来描述问题，我们会尽快重新绘制并替换图片。 2. 内容创作 如果您有兴趣参与此开源项目，包括将代码翻译成其他编程语言、扩展文章内容等，那么需要实施以下 Pull Request 工作流程。 1. 登录 GitHub ，将本仓库 Fork 到个人账号下。 2. 进入您的 Fork 仓库网页，使用

前言 � 算法犹如美妙的交响乐，每一行代码都像韵律般流淌。 愿这本书在你的脑海中轻轻响起，留下独特而深刻的旋律。 第 0 章 前言 hello‑algo.com 2 0.1 关于本书 本项目旨在创建一本开源、免费、对新手友好的数据结构与算法入门教程。 ‧ 全书采用动画图解，结构化地讲解数据结构与算法知识，内容清晰易懂，学习曲线平滑。 ‧ 算法源代码皆可一键运行，支持 Python、 如何使用本书 � 为了获得最佳的阅读体验，建议你通读本节内容。 0.2.1 行文风格约定 ‧ 标题后标注 * 的是选读章节，内容相对困难。如果你的时间有限，可以先跳过。 ‧ 重要专有名词及其英文翻译会用「」 括号标注，例如「数组 array」 。建议记住它们，以便阅读文献。 ‧ 专有名词和有特指含义的词句会使用“引号” 标注，以避免歧义。 ‧ 重要名词、重点内容和总结性语句会 加粗，这类文字值得特别关注。 request”按钮即可发起拉取请求。 图 16‑3 页面编辑按键 图片无法直接修改，需要通过新建 Issue 或评论留言来描述问题，我们会尽快重新绘制并替换图片。 2. 内容创作 如果您有兴趣参与此开源项目，包括将代码翻译成其他编程语言、扩展文章内容等，那么需要实施以下 Pull Request 工作流程。 1. 登录 GitHub ，将本书的代码仓库 Fork 到个人账号下。 2. 进入您的 Fork

层）之上又增加了公共逻辑处理层，最终暴露 给用户是 Plugin API 层提供的接口。MTFlutter Plugin 架构图如下： MTFlutter Plugin 架构图 在细节实现上，由于项目中各种依赖的类型之间存在着差异，因此在依赖处理上也略 有不同，下面介绍拥有不同特点的依赖所对应解决方案。 （1）各平台实现能在 Web 侧对齐的场景，如埋点库 埋点库无论在 Native 端还是在 设计 上具有天然的一致性，因此我们完全有能力在 Plugin Interface 层对齐所有接口，上 层业务逻辑只需按需做些兼容处理即可。埋点库 Web 端扩展的整体设计思路如下： ● 在业务项目的 web/index.html 文件中直接引入 Script 脚本并且进行初始化 （注意：引入 Script 的位置，需要放在 main.dart.js 前面）。 ● 借助 package:js JS 交互是通过 package:js 进行接口调用，因此我们在公共逻辑处理层用 Dart 对齐了 相应的 API，详细架构图如下图所示： 请求库架构图 4.2 性能优化 常规的 Web 项目中，为了保证页面有更好的加载和渲染性能，在静态资源文件的处 理方面，我们需要做很多的工作，例如：资源文件 Hash 化、CDN 化、按需加载处 理等，这些可以通过 Webpack、Rollup 等构建工具进行预处理。但在

Abstract 算法犹如美妙的交响乐，每一行代码都像韵律般流淌。 愿这本书在你的脑海中轻轻响起，留下独特而深刻的旋律。 第 0 章 前言 hello‑algo.com 2 0.1 关于本书 本项目旨在创建一本开源、免费、对新手友好的数据结构与算法入门教程。 ‧ 全书采用动画图解，结构化地讲解数据结构与算法知识，内容清晰易懂，学习曲线平滑。 ‧ 算法源代码皆可一键运行，支持 Python、 request”按钮即可发起拉取请求。 图 16‑3 页面编辑按键 图片无法直接修改，需要通过新建 Issue 或评论留言来描述问题，我们会尽快重新绘制并替换图片。 2. 内容创作 如果您有兴趣参与此开源项目，包括将代码翻译成其他编程语言、扩展文章内容等，那么需要实施以下 Pull Request 工作流程。 1. 登录 GitHub ，将本书的代码仓库 Fork 到个人账号下。 2. 进入您的 Fork 附录 hello‑algo.com 367 3. Docker 部署 在 hello-algo 根目录下，执行以下 Docker 脚本，即可在 http://localhost:8000 访问本项目： docker-compose up -d 使用以下命令即可删除部署： docker-compose down 16.3 术语表 表 16‑1 列出了书中出现的重要术语，值得注意以下几点。