欢迎访问 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
关键字定义常量。