欢迎访问 JavaScriptTutorial.net 网站！本 JavaScript 教程帮助您快速有效地从头开始学习 JavaScript 编程语言。
如果您发现自己身处以下情况
- 不确定从哪里开始学习 JavaScript。
- 厌倦了简单地复制粘贴 JavaScript 代码，而不真正理解其工作原理。
- 由于不知道如何充分利用 JavaScript，您感到无法为您的网站和 Web 应用程序添加更丰富和更引人入胜的功能。
JavaScriptTutorial.net 是一个不错的起点。
第 1 部分。入门
- 什么是 JavaScript？ – 向您介绍 JavaScript 及其历史。
- 安装 JavaScript 源代码编辑器 – 学习如何安装 Visual Studio Code 来编辑 JavaScript 代码。
- 认识 Web 开发工具的控制台选项卡 – 为您提供 Web 浏览器上的控制台窗口的基本介绍。
- JavaScript Hello World – 学习如何执行第一段 JavaScript 代码，该代码显示著名的
"Hello, World!"消息。
第 2 部分。基础
- 语法 – 解释 JavaScript 语法，包括空格、语句、标识符、关键字、表达式和注释。
- 变量 – 向您展示如何声明变量。
- 数据类型 – 向您介绍 JavaScript 数据类型，包括基本类型和引用类型。
- 数字 – 学习 JavaScript 如何使用
Number类型来表示整数和浮点数。 - 数字分隔符– 向您展示如何使用下划线作为数字分隔符来使数字更易读。
- 八进制和二进制文字 – 提供对二进制文字的支持，并更改表示八进制文字的方式。
- 布尔值 – 向您介绍
Boolean类型。 - 字符串 – 了解字符串基本类型和一些基本的字符串操作。
- 对象 – 向您介绍对象类型。
- 基本值与引用值 – 了解 JavaScript 中的两种值类型，包括基本值和引用值，以及它们之间的区别。
- 数组 – 向您介绍
Array类型以及如何操作数组元素。
第 3 部分。运算符
- 算术运算符 – 向您介绍算术运算符，包括加法 (
+)、减法 (-)、乘法 (*) 和除法 (/)。 - 取余运算符 – 向您展示如何使用取余运算符 (
%) 来获取一个值除以另一个值后留下的余数。 - 赋值运算符 – 指导您如何使用赋值运算符 (
=) 将值或表达式赋予变量。 - 一元运算符 – 学习如何使用一元运算符。
- 比较运算符 – 向您展示如何使用比较运算符来比较两个值。
- 逻辑运算符 – 学习如何使用逻辑运算符：非 (
!)、与 (&&) 和或 (||)。 - 逻辑赋值运算符 – 向您介绍逻辑赋值运算符，包括
||=、&&=和??= - 空值合并运算符 (
??) – 接受两个值，如果第一个值为null或undefined，则返回第二个值。 - 指数运算符 – 向您介绍指数运算符 (
**)，它计算以指数为底数的幂，类似于Math.pow()方法。
第 4 部分。控制流语句
- if – 向您展示如何使用
if语句在条件为真时执行代码块。 - if…else – 学习如何根据指定的条件执行代码块。
- if…else…if – 检查多个条件并执行代码块。
- 三元运算符 – 向您展示如何为
if语句 (?:) 创建一个快捷方式。 - switch – 向您展示如何使用
switch语句，通过将值与多个变体进行比较来替换多个if语句。 - while – 学习如何执行预测试循环，该循环重复执行代码块，只要指定的条件为
true。 - do…while – 向您展示如何执行后测试循环，该循环重复执行代码块，直到指定的条件为
false。 - for 循环 – 学习如何根据各种选项重复执行代码块。
- break – 学习如何过早地终止循环。
- continue – 向您展示如何跳过循环的当前迭代并跳转到下一个迭代。
- 逗号运算符 – 指导您如何在
for循环中使用逗号运算符来一次更新多个变量。
第 6 部分。对象和原型
- 对象方法 – 向您介绍对象的 method。
- 构造函数 – 向您展示如何使用构造函数在 JavaScript 中定义自定义类型。
- 原型 – 学习原型在 JavaScript 中的工作原理。
- 构造函数/原型模式 – 向您展示如何将构造函数和原型模式结合起来定义自定义类型。
- 原型继承 – 了解 JavaScript 中的原型继承。
- JavaScript 中的 this 是什么 – 了解
this值及其在 JavaScript 中的工作原理。 - globalThis – 提供跨环境访问全局对象的一种标准方法。
- 对象属性 – 深入研究对象的属性及其属性。
- for…in 循环 – 学习如何使用
for...in循环迭代对象的属性。 - 可枚举属性 – 进一步了解可枚举属性。
- 自身属性 – 了解自身属性和继承属性。
- 工厂函数 – 了解工厂函数，它们是返回对象的函数。
- 对象解构 – 学习如何将对象的属性分配给变量。
- 可选链运算符 (
?.) – 简化访问位于连接对象链深处的属性的方式，而无需检查链中的每个引用是否为null或undefined。 - 对象文字语法扩展 – 提供一种定义对象文字的新方法。
第 7 部分。类
- 类 – 向您介绍 ES6 类语法以及如何声明类。
- getter 和 setter – 使用 get 和 set 关键字为类定义 getter 和 setter。
- 类表达式 – 学习使用类表达式定义新类的另一种方法。
- 计算属性 – 解释计算属性及其实际应用。
- 继承 – 向您展示如何使用
extends和super关键字扩展类。 - new.target – 向您介绍
new.target元属性。 - 静态方法 – 指导您如何定义与类关联的方法，而不是该类的实例。
- 静态属性 – 向您展示如何定义由类的所有实例共享的静态属性。
- 私有字段 – 学习如何在类中定义私有字段。
- 私有方法 – 向您展示如何在类中定义私有方法。
第 8 部分。高级函数
- 函数类型 – 向您介绍
Function类型及其属性和方法。 - call()– 了解
call()方法并学习如何有效地使用它。 - apply() – 学习如何有效地使用
apply()方法。 - bind() – 了解
bind()方法及其有效应用方法。 - 闭包 – 了解 JavaScript 中的闭包。
- 立即调用函数表达式 (IIFE) – 了解立即调用函数表达式 (IIFE)。
- 返回多个值 – 指导您如何从函数返回多个值。
- 箭头函数 – 向您介绍箭头函数 (
=>) - 箭头函数：何时不应使用 – 学习何时不应使用箭头函数。
- 剩余参数 – 向您介绍剩余参数及其有效应用方法。
- 回调函数 – 向您介绍回调函数，并学习如何使用回调来处理异步操作。
第 9 章：Promise 和 Async/Await
- Promise – 了解 JavaScript Promise 的概念，它们是什么，以及如何有效地使用它们。
- Promise 链 – 向您展示如何按顺序执行多个异步操作。
- Promise 组合：
Promise.all()和Promise.race()– 学习如何从多个 Promise 中组合一个新的 Promise。 - Promise.any() – 学习如何使用 JavaScript 的
Promise.any()方法来返回第一个完成的Promise。 - Promise.allSettled() – 接受一个 Promise 列表，并返回一个新的 Promise，该 Promise 解析为一个值数组，这些值由输入的 Promise 解决（已解决或拒绝）。
- Promise.prototype.finally() – 当 Promise 解决时执行一段代码，无论结果如何。
- Promise 错误处理 – 指导您如何在 Promise 中处理错误。
- async / await – 以更清晰的语法编写异步代码。
- Promise.withResolvers() – 返回一个带有解析和拒绝函数的新 Promise。
第 12 章：Symbol
- Symbol – 向您介绍 ES6 中的新原始类型
symbol。
第 14 章：错误处理
- try…catch – 向您展示如何优雅地处理异常。
- try…catch…finally – 学习如何捕获异常并在异常发生与否的情况下执行代码块。
- throw – 向您展示如何抛出异常。
- 可选 catch 绑定 – 在 catch 块中省略异常变量。
第 15 章：JavaScript var、let 和 const
- let – 使用
let关键字声明块级变量。 - let vs. var – 了解
let和var之间的区别。 - const – 使用
const关键字定义常量。