第 1 章 讲述形式

第 1 章 讲述形式

本书的结构连贯,建议从头至尾依次阅读。不过,你也可以将本书作为参考书,在需要时查看各个示例。

本书并不是完整的 JavaScript 参考手册。但是,这未尝不是一件好事。本书只关注对现代 JavaScript 环境重要的内容,包括 import 关键字、类、构造函数,以及函数式编程的主要原则,此外还会介绍 ES5 ~ ES10 的诸多特性。各个“ES 规范”之间的区别已经不再那么重要,因为它们都是 JavaScript 规范。本书之所以加以区分,只是为了让你对此有一定的认识。

 你会在书中看到这样的图标。这表示该特性作为 ES10 规范的一部分被引入 JavaScript 中。

JavaScript 的内容有难有易,其中有一些基于无形的思想或原则,无法仅通过源代码讲解。在本书中,你会发现有许多创造性的讲解方式,这会让学习过程更简单一些、更有趣一些。彩色代码图就是一个例子。

1.1 理论

虽然并不是所有的内容都需要广泛的理论支持,但是某些内容如果没有广泛的理论支持就会变得毫无意义。为了便于全面理解某些概念,本书将在必要时进行额外的讨论。

1.2 实例

本书会在每处关于理论的讨论之后安排一个实例,以便展示具体实现。这通常会通过代码清单来讲解。

1.3 代码清单

代码清单有助于巩固对基本原理的理解,如代码清单 1-1 所示。

代码清单 1-1 代码清单示例

代码清单 1-1 中的示例通过 Bird 类实例化 sparrow 对象,并使用类中的一些方法。

1.4 示意图

本书作者倾注了大量精力来绘制示意图,以介绍 JavaScript 的基本思想。这些示意图对理解很有帮助。一些难以掌握的抽象概念需要可视化的解释,借助书中的示意图能够更快地掌握这些概念。

本书包含两类示意图:抽象概念代码片段

1.4.1 抽象概念

有时,如果没有示意图,就无法解释某个抽象的概念或其结构。在这种情况下,本书会展示一张示意图,如图 1-1 所示。

图 1-1 类的构造函数是 Function 类型的对象函数

图 1-2 是 JavaScript 函数结构的示意图。

图 1-2 JavaScript 的函数结构

1.4.2 代码片段

在本书中,大多数的源代码采用代码清单的形式展示。但是,当需要关注一个特别重要的部分时,本书将展示一张示意图,其中包含源代码,并附加颜色高亮显示。例如,图 1-3 展示了在事件回调函数的语境中使用的某个匿名函数。

图 1-3 用作 setTimeout 事件回调的匿名函数

这种示意图会省略源代码的行号。

1.5 主要内容

本书不会花费大量篇幅来介绍大量的函数清单或每个对象的可用方法。如果需要,你可以很轻松地在 Mozilla 的 MDN Web 文档、W3Schools 和 Stack Overflow 上找到这些信息,并进行在线实践。

本书的许多内容是针对现代 JavaScript 开发编写的,主要针对 ES6 及后续版本的规范和函数式编程,包括使用高阶数组函数、箭头函数和理解执行语境。

1.6 注意事项

有几章包含“注意事项”小节,这些小节可以提供有见地的建议。

目录

  • 版权声明
  • 前言
  • 第 1 章 讲述形式
  • 第 2 章 Chrome 控制台
  • 第 3 章 欢迎使用 JavaScript
  • 第 4 章 语句
  • 第 5 章 基本类型
  • 第 6 章 强制类型转换
  • 第 7 章 作用域
  • 第 8 章 运算符
  • 第 9 章 ...rest 和 ...spread
  • 第 10 章 闭包
  • 第 11 章 循环
  • 第 12 章 数组和字符串
  • 第 13 章 函数
  • 第 14 章 高阶函数
  • 第 15 章 箭头函数
  • 第 16 章 动态创建 HTML 元素
  • 第 17 章 原型
  • 第 18 章 面向对象编程
  • 第 19 章 事件
  • 第 20 章 网络请求
  • 第 21 章 事件循环
  • 第 22 章 调用栈
  • 作者简介