第 2 章 ECMAScript语法基础 从本章开始，我们将循序渐进地介绍 JavaScript 的核心内容。首先，本章就是对 ECMAScript 语法进行全面的、系统的和详尽的介绍。这里读者可能会有疑问，为什么是 ECMAScript 语法 而不是 JavaScript 语法呢？ 其实，在第 1 章关于 JavaScript 组成的介绍中，我们就知道 JavaScript 国际的标准规范（ECMA-262），ECMAScript 描述了 JavaScript 脚本语言的 语法和基本对象。因此，本书从严谨的角度出发，这里使用 ECMAScript 语法基础作为本章标 题。不过，绝大多数的设计人员还是不区分 JavaScript 与 ECMAScript 的，更习惯用 JavaScript 语法的称谓。 2.1 ECMAScript 基础 在第 1 章中，我们了解到 JavaScript JavaScript 起初就 是模仿 Java 而开发出来的。如果读者熟悉 Java 语言，就会发现 ECMAScript 语法很容易掌握， 因其主要就是借用了 Java 语言的语法。当然，JavaScript 与 Java 毕竟是两种功能作用不同的编 程语言，ECMAScript 还有一些特殊的语法特性。 2.1.1 ECMAScript 语句 相信读者在学习人生中的第一门编程语言（比如 C 语言、Java

客户端单周发版下的多分支自动化管理与实践 635 美团外卖前端容器化演进实践 643 Bifrost 微前端框架及其在美团闪购中的实践 664 Litho 的使用及原理剖析 680 Android 兼容 Java 8 语法特性的原理分析 697 美团外卖商家端视频探索之旅 715 让 Flutter 在鸿蒙系统上跑起来 作者：杨超 前言 鸿蒙系统 （HarmonyOS）是华为推出的一款面向未来、面向全场景的分布式操作系 为了保证 Flutter 应用能够正常运行，除了最基本的渲染和交互外，我们的嵌入层还 要提供资源管理、事件循环、生命周期同步等平台能力。对于这些能力 Flutter 大多 都在嵌入层的公共部分有抽象类声明，只需要使用鸿蒙 API 重新实现一遍即可。 比如资源管理，引擎提供了 AssetResolver 声明，我们可以使用鸿蒙 Rawfile API 来实现： class HAPAssetMapping Web。 ● Flutter Web 在 PC 侧的复用：与 UED 团队共同制订 PC 与 App 适配规范， 同时基于 Dart2js 和 dart:ui （Web）的强大能力，实现逻辑的抽象，完成组 件、模块的适配，达到提效最大化； ● 跟进 Flutter 官方动向：Flutter 2.0 的发布，稳定了对 Web 的支持，同时默 认采用 Canvaskit 编译模式，此模式下对页面滚动性能有较大提升。但由于

目 录 致谢 基础 安装 介绍 应用 & 组件实例 模板语法 Data Properties and Methods 计算属性和侦听器 Class 与 Style 绑定 条件渲染 列表渲染 事件处理 表单输入绑定 组件基础 深入组件 组件注册 Props 非 Prop 的 Attribute 自定义事件 插槽 提供 / 注入 动态组件 & 异步组件 或其关联方所有，如需对内容或内容相关联开源项目进行关注与资助，请点击 Vue. 致谢 - 5 - 本文档使用 书栈网 · BookStack.CN 构建 安装 介绍 应用 & 组件实例 模板语法 Data Properties and Methods 计算属性和侦听器 Class 与 Style 绑定 条件渲染 列表渲染 事件处理 表单输入绑定 组件基础 基础 - 6 - 安装教程给出了更多安装 Vue 的方式。请注意我们不推荐新手直接使用 vue-cli ，尤其是在你还 不熟悉基于 Node.js 的构建工具时。 Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统： 1.

目 录 致谢 JavaScript教程 1 JavaScript简介 2 快速入门 2.1 基本语法 2.2 数据类型和变量 2.3 字符串 2.4 数组 2.5 对象 2.6 条件判断 2.7 循环 2.8 Map和Set 2.9 iterable 3 函数 3.1 函数定义和调用 3.2 变量作用域 3.3 方法 3.4 高阶函数 3.4.1 map/reduce 设计出了JavaScript语言。你没看错，这哥们只用了10天时间。 为什么起名叫JavaScript？原因是当时Java语言非常红火，所以网景公司希望借Java的名气来推 广，但事实上JavaScript除了语法上有点像Java，其他部分基本上没啥关系。 因为网景开发了JavaScript，一年后微软又模仿JavaScript开发了JScript，为了让JavaScript 成为全球标准，几个公司联合ECMA（European 就导致你在写JavaScript的时候，要照顾一下老用户，不能一上来就用最新的ES6标准写，否则，老 用户的浏览器是无法运行新版本的JavaScript代码的。 不过，JavaScript的核心语法并没有多大变化。我们的教程会先讲JavaScript最核心的用法，然 后，针对ES6讲解新增特性。 原文: https://wizardforcel.gitbooks.io/liaoxuefeng/content/js/2

TypeScript支持JavaScript的新特性，比如 支持基于类的面向对象编程。 让我们创建一个 Student 类，它带有一个构造函数和一些公共字段。 注意类和接 口可以一起共作，程序员可以自行决定抽象的级别。 还要注意的是，在构造函数的参数上使用 public 等同于创建了同名的成员变量。 TypeScript Handbook（中文版） 11 5分钟了解TypeScript class "target": "es5" } } 确保执行 gulp 后模块是能工作的，在Node.js下进行测试： gulp node dist/main.js 注意，即使我们使用了ES2015的模块语法，TypeScript还是会生成Node.js使用的 CommonJS模块。 我们在这个教程里会一直使用CommonJS模块，但是你可以通 过修改 module 选项来改变这个行为。 Browserify ') as HTMLElement ); 类型断言 这里还有一点要指出，就是最后一行 document.getElementById('root') as HTMLElement 。 这个语法叫做类型断言，有时也叫做转换。 当你比类型检查器更 清楚一个表达式的类型的时候，你可以通过这种方式通知TypeScript。 这里，我们之所以这么做是因为 getElementById 的返回值类型是

TypeScript支持JavaScript的新特性，比如支持基于类的 面向对象编程。 让我们创建一个 Student 类，它带有一个构造函数和一些公共字段。 注意类和接口可以一起共作， 程序员可以自行决定抽象的级别。 还要注意的是，在构造函数的参数上使用 public 等同于创建了同名的成员变量。 1. class Student { 2. fullName: string; 3. BookStack.CN 构建 确保执行 gulp 后模块是能工作的，在Node.js下进行测试： 1. gulp 2. node dist/main.js 注意，即使我们使用了ES2015的模块语法，TypeScript还是会生成Node.js使用的CommonJS模 块。 我们在这个教程里会一直使用CommonJS模块，但是你可以通过修改 module 选项来改变这个行 为。 现在，让我们把这个工程由Node getElementById('root') as HTMLElement 4. ); 这里还有一点要指出，就是最后一行 document.getElementById('root') as HTMLElement 。 这 个语法叫做_类型断言_，有时也叫做_转换_。 当你比类型检查器更清楚一个表达式的类型的时候，你 可以通过这种方式通知TypeScript。 这里，我们之所以这么做是因为 getElementById

seal emit 初始化option 开始编译 从entry开始递归的 分析依赖，对每个 依赖模块进行build 对模块位置进行解析 将loader加载完成的 module进行编译，生成 AST树 遍历AST，当遇到 require等一些调用表 达式时，收集依赖 所有依赖build完 成，开始优化 输出到dist目录 build-module 开始构建某个模块 WebpackOptionsApply (large-number) { // ... largeNumber.add('999', '1'); }); AST 基础知识 抽象语法树（abstract syntax tree 或者缩写为 AST），或者语法树（syntax tree），是 源代码的抽象语法结构的树状表现形式，这里特指编程语言的源代码。树上的每个节点都 表示源代码中的一种结构。 在线demo: https://esprima WEBPACK_REQUIRE_METHOD(0) 启动程序 · __webpack_require 用来加载模块，返回 module.exports 动手实现一个简易的 webpack 可以将 ES6 语法转换成 ES5 的语法 可以分析模块之间的依赖关系 生成的 JS 文件可以在浏览器中运行 ·通过 babylon 生成AST ·通过 babel-core 将AST重新生成源码 · 通过 babel-traverse

目 录 致谢 介绍 前言 入门篇 导论 历史 基本语法 数据类型 概述 null，undefined 和布尔值 数值 字符串 对象 函数 数组 运算符 算术运算符 比较运算符 布尔运算符 二进制位运算符 其他运算符，运算顺序 语法专题 数据类型的转换 错误处理机制 编程风格 console 对象与控制台 标准库 Object 对象 属性描述对象 致谢 - 3 - 本文档使用 书栈(BookStack.CN) 构建 致谢 - 4 - 本文档使用 书栈(BookStack.CN) 构建 介绍 本教程全面介绍 JavaScript 核心语法，从最简单的开始讲起，循序 渐进、由浅入深，力求清晰易懂。所有章节都带有大量的代码实例，便 于理解和模仿，可以用到实际项目中，即学即用。 本教程适合初学者当作 JavaScript 语言的入门教程，也适合当作日 内容。 前言 前言 - 6 - 本文档使用 书栈(BookStack.CN) 构建 前言 - 7 - 本文档使用 书栈(BookStack.CN) 构建 入门篇 导论 历史 基本语法 入门篇 入门篇 - 8 - 本文档使用 书栈(BookStack.CN) 构建 导论 导论 什么是 JavaScript 语言？ 为什么学习 JavaScript？ 操控浏览器的能力

Proxy Reflect Promise 对象 Iterator 和 for...of 循环 Generator 函数的语法 Generator 函数的异步应用 async 函数 Class 的基本语法 Class 的继承 Decorator Module 的语法 Module 的加载实现 编程风格 读懂规格 ArrayBuffer 2 1.28 2.1 2.2 2 JavaScript 语言教程，全面介绍 ECMAScript 6 新引入的语法特性。 前言 4 本书覆盖 ES6 与上一个版本 ES5 的所有不同之处，对涉及的语法知识给予详细介 绍，并给出大量简洁易懂的示例代码。 本书为中级难度，适合已经掌握 ES5 的读者，用来了解这门语言的最新发展；也 可当作参考手册，查寻新增的语法点。 前言 5 全书已由电子工业出版社出版，2017年9月推出了第三版，书名为《ES6 但是，因为这个版本引入的语法功能太多，而且制定过程当中，还有很多组织和个 人不断提交新功能。事情很快就变得清楚了，不可能在一个版本里面包括所有将要 引入的功能。常规的做法是先发布6.0版，过一段时间再发6.1版，然后是6.2版、 ECMAScript 6简介 7 6.3版等等。 但是，标准的制定者不想这样做。他们想让标准的升级成为常规流程：任何人在任 何时候，都可以向标准委员会提交新语法的提案，然后标准委员会每个月开一次

. . . . . . . . . . . . . . . . . . 88 7. 树 89 7.1. 二叉树 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 89 7.2. 二叉树遍历 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 97 7.3. 二叉搜索树 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 101 7.4. AVL 树 * . . . . . . . . . . . . . . . . . . . . . . . . . 复杂度分析：数据结构与算法的评价维度、算法效率的评估方法。时间复杂度、空间复杂度，包括推算 方法、常见类型、示例等。 ‧ 数据结构：常用的基本数据类型，数据在内存中的存储方式、数据结构分类方法。数组、链表、栈、队列、 散列表、树、堆、图等数据结构，内容包括定义、优劣势、常用操作、常见类型、典型应用、实现方法等。 ‧ 算法：查找算法、排序算法、搜索与回溯、动态规划、分治算法，内容包括定义、使用场景、优劣势、时 空效率、实现方法、示例题目等。