第 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

变量的解构赋值 字符串的扩展 正则的扩展 数值的扩展 函数的扩展 数组的扩展 对象的扩展 Symbol Set 和 Map 数据结构 Proxy Reflect Promise 对象 Iterator 和 for...of 循环 Generator 函数的语法 Generator 函数的异步应用 async 函数 Class 的基本语法 Class 的继承 Decorator Decorator Module 的语法 Module 的加载实现 编程风格 读懂规格 ArrayBuffer 2 1.28 2.1 2.2 2.3 参考链接 其他 源码 修订历史 反馈意见 3 ECMAScript 6 入门 《ECMAScript 6 入门》是一本开源的 JavaScript 语言教程，全面介绍 ECMAScript 6 新引入的语法特性。 前言 4 本书覆盖 ES6 与上一个版本 ES5 的所有不同之处，对涉及的语法知识给予详细介 绍，并给出大量简洁易懂的示例代码。 本书为中级难度，适合已经掌握 ES5 的读者，用来了解这门语言的最新发展；也 可当作参考手册，查寻新增的语法点。 前言 5 全书已由电子工业出版社出版，2017年9月推出了第三版，书名为《ES6 标准入 门》。纸版是基于网站内容排版印刷的。 感谢张春雨编辑支持我

" + person; } var user = "Jane User"; document.body.innerHTML = greeter(user); 编译代码 我们使用了 .ts 扩展名，但是这段代码仅仅是JavaScript而已。 你可以直接从现 有的JavaScript应用里复制/粘贴这段代码。 在命令行上，运行TypeScript编译器： tsc greeter.ts "target": "es5" } } 确保执行 gulp 后模块是能工作的，在Node.js下进行测试： gulp node dist/main.js 注意，即使我们使用了ES2015的模块语法，TypeScript还是会生成Node.js使用的 CommonJS模块。 我们在这个教程里会一直使用CommonJS模块，但是你可以通 过修改 module 选项来改变这个行为。 Browserify 和Uglify一样，Babelify也会混淆代 码，因此我们也需要vinyl-buffer和gulp-sourcemaps。 默认情况下Babelify只会处理 扩展名为 .js ， .es ， .es6 和 .jsx 的文件，因此我们需要添加 .ts 扩展名 到Babelify选项。 npm install --save-dev babelify babel-preset-es2015 vinyl-buffer

} 4. 5. let user = "Jane User"; 6. 7. document.body.textContent = greeter(user); 我们使用了 .ts 扩展名，但是这段代码仅仅是JavaScript而已。 你可以直接从现有的 JavaScript应用里复制/粘贴这段代码。 在命令行上，运行TypeScript编译器： 1. tsc greeter BookStack.CN 构建 确保执行 gulp 后模块是能工作的，在Node.js下进行测试： 1. gulp 2. node dist/main.js 注意，即使我们使用了ES2015的模块语法，TypeScript还是会生成Node.js使用的CommonJS模 块。 我们在这个教程里会一直使用CommonJS模块，但是你可以通过修改 module 选项来改变这个行 为。 现在，让我们把这个工程由Node 和Uglify一样，Babelify也会混淆代码，因此我 们也需要vinyl-buffer和gulp-sourcemaps。 默认情况下Babelify只会处理扩展名 为 .js ， .es ， .es6 和 .jsx 的文件，因此我们需要添加 .ts 扩展名到Babelify选 项。 1. npm install --save-dev babelify@8 babel-core babel-preset-es2015

客户端单周发版下的多分支自动化管理与实践 635 美团外卖前端容器化演进实践 643 Bifrost 微前端框架及其在美团闪购中的实践 664 Litho 的使用及原理剖析 680 Android 兼容 Java 8 语法特性的原理分析 697 美团外卖商家端视频探索之旅 715 让 Flutter 在鸿蒙系统上跑起来 作者：杨超 前言 鸿蒙系统 （HarmonyOS）是华为推出的一款面向未来、面向全场景的分布式操作系 18 > 2021年美团技术年货 上图为 MTFlutter + Web 架构图，由图可知 Flutter Web 页面要满足投产要求，还 有大量的工作（上图黄色部分所示），主要包括： ● 扩展基础依赖（如：Request、Router、埋点等）在 Web 侧的支持。 ● 完善工程化建设，例如：静态资源优化、构建与部署自动化。 ● 深入滚动性能与页面加载性能优化，使得 Flutter Dart 搭建一套，时间成本、兼容性、风险等都是不可控的。而 MTFlutter 是基于 原有 Native 基础依赖开发的 Plugin，因此并不支持 Web 端。此章节将展开介绍如 何丝滑无感地扩展 MTFlutter 基础依赖在 Web 端的实现。 4.1.1 Flutter Package 分平台编程 在 Flutter 中通过使用 Package 可以创建易于共享的模块化代码。官方强烈推荐使

目 录 致谢 基础 安装 介绍 应用 & 组件实例 模板语法 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.

..........................................................................................15 5.1 语法和词法文法.............................................................................................. .........................................................................................16 5.1.4 语法文法................................................................................................. 论坛的等团体）间更紧密的配合。 1 作用范围 此标准定义了 ECMAScript 脚本语言。 2 前言 符合标准的 ECMAScript 实现必须提供并支持本规范中所描述的所有类型，值，对象，属 性，函数，程序语法和语义。 符合这个国际标准的实现应当能解释前言中提到的字符集：Unicode 标准，2.1 版或更新版 本，使用 UCS-2 或 UTF-16 作为被采纳的编码格式的 ISO/IEC 10646-1

Promise 方法创建promise对象 • 用 .then 或 .catch 添加promise对象的处理函数 到此为止我们已经学习了Promise的基本写法。 其他很多处理都是由此基本语法延伸 的，也使用了Promise提供的一些静态方法来实现。 实际上即使使用回调方式的写法也能完成上面同样的工作，而使用Promise方式的话有 什么优点么？在本小节中我们没有讲到两者的对比及Promise的优点。在接下来的章节 Promise的快捷方式 静态方法 Promise.resolve(value) 可以认为是 new Promise() 方法的快捷方式。 比如 Promise.resolve(42); 可以认为是以下代码的语法糖。 new Promise(function(resolve){ resolve(42); }); 在这段代码中的 resolve(42); 会让这个promise对象立即进入确定（即resolved）状态， Promise.resolve(value) 类似的静态方法，是 new Promise() 方 法的快捷方式。 比如 Promise.reject(new Error("出错了")) 就是下面代码的语法糖形式。 new Promise(function(resolve,reject){ reject(new Error("出错了")); }); 这段代码的功能是调用该promise对象通过then指定的

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

目 录 致谢 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 Canvas 7 jQuery 7.1 选择器 7.1.1 层级选择器 7.1.2 查找和过滤 7.2 操作DOM 7.2.1 修改DOM结构 7.3 事件 7.4 动画 7.5 扩展 8 underscore 8.1 Collections 8.2 Arrays 8.3 Functions 8.4 Objects 8.5 Chaining 9 Node.js 9 设计出了JavaScript语言。你没看错，这哥们只用了10天时间。 为什么起名叫JavaScript？原因是当时Java语言非常红火，所以网景公司希望借Java的名气来推 广，但事实上JavaScript除了语法上有点像Java，其他部分基本上没啥关系。 因为网景开发了JavaScript，一年后微软又模仿JavaScript开发了JScript，为了让JavaScript 成为全球标准，几个公司联合ECMA（European