1. ECMASCRIPT 6 语言入门

本文中的 PDF 文件可在此处获取 |HERE|。

本文的示例可通过 |HERE| 获取。

本文属于四篇系列文章之一：

[通过实例学习PHP7语言（2019）]；
[通过示例了解 ECMAScript 6 语言 (2019)]。即本文；
[通过实例了解 Vue.js 框架（2019）]；
[通过实例了解 NUXT.JS 框架（2019）]；

这些都是面向初学者的文档。各文章之间存在逻辑关联，但耦合度较低：

文档 [1] 介绍了 PHP 7 语言。仅对 PHP 语言感兴趣、而不关注后续文章中 JavaScript 语言的读者可在此停止阅读；
文档 [2-4] 旨在为文档 [1] 中开发的税费计算服务器构建一个 JavaScript 客户端；
第3和第4篇文章中提到的JavaScript框架[vue.js]和[nuxt.js]，需要掌握ECMASCRIPT最新版本（即第6版）的JavaScript知识。因此，文档 [2] 专为不熟悉该版本 JavaScript 的用户而设计。该文档引用了文档 [1] 中构建的税款计算服务器。阅读[2]文档时，读者有时可能需要参考[1]文档；
一旦掌握了 ECMASCRIPT，即可开始学习 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客户端，因此可以像我们用jSON编写的客户端一样，按层进行组织（UI：用户界面），这与我们用PHP编写的jSON客户端的结构相同。最终，浏览器仅加载一个页面，即首页。所有其他页面均由 JavaScript 获取并构建。此类应用程序被称为 SPA：单页应用程序（Single Page Application），或 APU：单页应用程序。

此类应用也属于所谓的 AJAX：异步 JavaScript 与 XML

异步：因为客户端 JavaScript 对 jSON 服务器的调用是异步的；
XML：因为XML是jSON出现前使用的技术。不过，我们保留了AJAX这个缩写；

我们将在接下来的章节中探讨这种架构。在客户端，我们将使用 JavaScript 框架 [Vue.js] [https://vuejs.org/] 来编写 jSON PHP 服务器的 JavaScript 客户端，该服务器已在文档 [1]文档中编写。

[Vue.js] 是一个 JavaScript 框架。要理解它，必须精通该语言。本文档介绍 ECMAScript 6 标准，这是该语言截至 2019 年的最新规范。关于 ECMAScript 的发展历程和作用，可查阅维基百科上的 [https://fr.wikipedia.org/wiki/ECMAScript] 条目。

本文档提供了一份涵盖不同领域的JavaScript控制台脚本列表（包括语言结构、数据库访问、互联网访问、分层编程以及接口编程）。文档最后介绍了两个应用程序：

一个作为[1]文档中构建的税费计算服务器客户端的控制台应用程序。该客户端将采用与[1]文档中构建的控制台客户端PHP相同的架构：

[7-9] 层将对应在控制台中运行的 JavaScript 客户端；
[1-4] 层属于在文档 [1] 中构建的 PHP 服务器；
与在文档 [1] 中构建的客户端 PHP 控制台不同，它不会与本地文件系统 [6] 进行交互；

这是一个客户端/服务器应用程序，其中客户端是一个控制台应用程序。我们将编写第二个应用程序，将 [7-9] 层的代码移植到浏览器中。届时，我们将准备好在文档 [3] 和 [4] 中探讨浏览器的 JavaScript 框架。

本文档中的脚本均附有注释，并附有其控制台执行结果。有时还会提供补充说明。阅读本文档需要主动思考：要理解一个脚本，必须同时阅读其代码、注释和执行结果。

文档中的示例可在此处查看。

服务器应用程序 PHP 7 可在此处进行测试。

Serge Tahé，2019年10月