1. ECMASCRIPT 6 语言入门
本文的PDF版本可在此处获取 |HERE|。
本文中的示例可在此处获取 |HERE|。
本文是四篇系列文章中的一篇：
- [通过示例了解 ECMASCRIPT 6]。本文即为该系列中的当前文档；
- [通过示例了解 VUE.JS 框架]；
- [通过示例了解 NUXT.JS 框架]；
这些都是面向初学者的文档。文章遵循逻辑顺序，但彼此关联较为松散：
- 文档 [1] 介绍了 PHP 7 语言。仅对 PHP 感兴趣、而不关注后续文章中涉及的 JavaScript 的读者，可在此停止阅读；
- 文档 [2–4] 旨在为文档 [1] 中开发的税费计算服务器构建一个 JavaScript 客户端；
- 第3和第4篇文档中涉及的JavaScript框架[Vue.js]和[Nuxt.js]需要掌握ECMAScript的最新版本，特别是第6版。因此，文档[2]专为不熟悉该版本JavaScript的读者而设计。它将引用文档[1]中构建的税费计算服务器。因此，阅读[2]的读者有时需要回溯查阅文档[1]；
- 一旦掌握了 ECMAScript 6，我们就可以转向 Vue.js 框架，该框架支持创建在浏览器中以单页应用（SPA）模式运行的 JavaScript 客户端。这就是文档 [3]。它既涉及文档 [1] 中构建的税务计算服务器，也涉及 [2] 中构建的独立 JavaScript 客户端代码。 因此，阅读[3]的读者有时需要参考文档[1]和[2]；
- 一旦掌握了 Vue.js，即可进阶学习 NuxT.js 框架，该框架支持构建在浏览器中以 SSR（服务器端渲染）模式运行的 JavaScript 客户端。本文涉及文档 [1] 中构建的税费计算服务器、文档 [2] 中构建的独立 JavaScript 客户端代码，以及文档 [3] 中开发的 [vue.js] 应用程序。 因此，阅读[4]的读者有时需要参考文档[1]、[2]和[3]；
文档[1]中开发的税费计算服务器的最新版本可以通过多种方式进行改进：
- 当前版本以服务器为中心。当前（2019年7月）的趋势是向客户端-服务器架构转变：
- 服务器作为 JSON 服务运行；
- 一个静态或动态页面作为Web应用程序的入口。该页面包含HTML/CSS以及JavaScript；
- Web 应用程序的其他页面由 JavaScript 动态生成：
- HTML页面可通过组装由提供主页的同一服务器提供的静态片段生成，或完全由JavaScript构建；
- 这些不同的页面展示从 JSON 服务请求的数据；
因此，工作在客户端和服务器之间进行了分配。由于服务器负载减轻，它能够为更多用户提供服务。
与该模型对应的架构如下：
JS：JavaScript
该 JavaScript 代码是客户端的：
- 来自提供静态或非静态页面或片段的服务；
- 一个 JSON 服务；
因此，JavaScript 代码是一个 JSON 客户端，因此可以像我们用 PHP 编写的 JSON 客户端一样，划分为 [UI、业务逻辑、DAO] 层（UI：用户界面）。最终，浏览器仅加载一个页面——即首页。所有其他页面均由 JavaScript 获取并渲染。此类应用程序被称为 SPA（单页应用程序）或 APU（单页应用程序）。
此类应用程序也属于所谓的 AJAX 应用程序：异步 JavaScript 和 XML
- 异步：因为 JavaScript 客户端对 JSON 服务器的调用是异步的；
- XML：因为在 JSON 出现之前，XML 是被广泛采用的技术。不过，AJAX 这个缩写词至今仍被沿用；
我们将在接下来的章节中探讨这种架构。在客户端，我们将使用 JavaScript 框架 [Vue.js] [https://vuejs.org/] 来编写针对文档 [1] 中所述 PHP JSON 服务器的 JavaScript 客户端。
[Vue.js] 是一个 JavaScript 框架。要理解它，您必须精通该语言。本文档介绍 ECMAScript 6 标准，这是该语言截至 2019 年的最新标准化版本。有关 ECMAScript 的历史和作用，可查阅维基百科 [https://fr.wikipedia.org/wiki/ECMAScript]。
本文提供了一份涵盖多个领域的 JavaScript 控制台脚本列表（包括语言结构、数据库访问、网络访问、分层编程以及通过接口进行编程）。文档最后列出了两个应用程序：
一个将作为文档[1]中构建的税费计算服务器客户端的控制台应用程序。该客户端将采用与文档[1]中构建的 PHP 控制台客户端相同的架构：
- 第 [7–9] 层将对应在控制台中运行的 JavaScript 客户端；
- 第 [1–4] 层与文档 [1] 中构建的 PHP 7 服务器架构相同；
- 与文档[1]中构建的PHP控制台客户端不同，本程序不会与本地文件系统[6]进行交互；
这里我们有一个客户端/服务器应用程序，其中客户端是一个控制台应用程序。我们将编写第二个应用程序，将第 [7–9] 层的代码移植到浏览器中。届时，我们将准备好处理文档 [3] 和 [4] 中提到的浏览器 JavaScript 框架。
本文档中的脚本均附有注释，并重现了其控制台输出结果。有时还会提供补充说明。阅读本文档需要主动思考：要理解一个脚本，必须阅读其代码、注释和执行结果。
本文中的示例可在此处获取。
PHP 7 服务器应用程序可在此处进行测试。
Serge Tahé，2019年10月