JavaScript 教程

欢迎访问 JavaScriptTutorial.net 网站!本 JavaScript 教程帮助您快速有效地从头开始学习 JavaScript 编程语言。

JavaScript Tutorial

如果您发现自己身处以下情况

  • 不确定从哪里开始学习 JavaScript。
  • 厌倦了简单地复制粘贴 JavaScript 代码,而不真正理解其工作原理。
  • 由于不知道如何充分利用 JavaScript,您感到无法为您的网站和 Web 应用程序添加更丰富和更引人入胜的功能。

JavaScriptTutorial.net 是一个不错的起点。

第 1 部分。入门

第 2 部分。基础

  • 语法 – 解释 JavaScript 语法,包括空格、语句、标识符、关键字、表达式和注释。
  • 变量 – 向您展示如何声明变量。
  • 数据类型 – 向您介绍 JavaScript 数据类型,包括基本类型和引用类型。
  • 数字 – 学习 JavaScript 如何使用Number类型来表示整数和浮点数。
  • 数字分隔符– 向您展示如何使用下划线作为数字分隔符来使数字更易读。
  • 八进制和二进制文字 – 提供对二进制文字的支持,并更改表示八进制文字的方式。
  • 布尔值 – 向您介绍Boolean类型。
  • 字符串 – 了解字符串基本类型和一些基本的字符串操作。
  • 对象 – 向您介绍对象类型。
  • 基本值与引用值 – 了解 JavaScript 中的两种值类型,包括基本值和引用值,以及它们之间的区别。
  • 数组 – 向您介绍Array类型以及如何操作数组元素。

第 3 部分。运算符

  • 算术运算符 – 向您介绍算术运算符,包括加法 (+)、减法 (-)、乘法 (*) 和除法 (/)。
  • 取余运算符 – 向您展示如何使用取余运算符 (%) 来获取一个值除以另一个值后留下的余数。
  • 赋值运算符 – 指导您如何使用赋值运算符 (=) 将值或表达式赋予变量。
  • 一元运算符 – 学习如何使用一元运算符。
  • 比较运算符 – 向您展示如何使用比较运算符来比较两个值。
  • 逻辑运算符 – 学习如何使用逻辑运算符:非 (!)、与 (&&) 和或 (||)。
  • 逻辑赋值运算符 – 向您介绍逻辑赋值运算符,包括||=&&=??=
  • 空值合并运算符 (??) – 接受两个值,如果第一个值为nullundefined,则返回第二个值。
  • 指数运算符 – 向您介绍指数运算符 (**),它计算以指数为底数的幂,类似于Math.pow()方法。

第 4 部分。控制流语句

  • if – 向您展示如何使用if语句在条件为真时执行代码块。
  • if…else – 学习如何根据指定的条件执行代码块。
  • if…else…if – 检查多个条件并执行代码块。
  • 三元运算符 – 向您展示如何为if语句 ( ?:) 创建一个快捷方式。
  • switch – 向您展示如何使用switch语句,通过将值与多个变体进行比较来替换多个if语句。
  • while – 学习如何执行预测试循环,该循环重复执行代码块,只要指定的条件为true
  • do…while – 向您展示如何执行后测试循环,该循环重复执行代码块,直到指定的条件为false
  • for 循环 – 学习如何根据各种选项重复执行代码块。
  • break – 学习如何过早地终止循环。
  • continue – 向您展示如何跳过循环的当前迭代并跳转到下一个迭代。
  • 逗号运算符 – 指导您如何在for循环中使用逗号运算符来一次更新多个变量。

第 5 部分。函数

  • 函数 – 向您介绍 JavaScript 中的函数。
  • 函数是一等公民 – 学习如何将函数存储在变量中、将函数作为参数传递给其他函数以及将函数作为值返回。
  • 匿名函数 – 了解匿名函数,即没有名称的函数。
  • 传值 – 了解传值在 JavaScript 中的工作原理。
  • 递归函数 – 学习如何定义递归函数。
  • 默认参数 – 向您展示如何为函数定义默认参数。

第 6 部分。对象和原型

第 7 部分。类

  • – 向您介绍 ES6 类语法以及如何声明类。
  • getter 和 setter – 使用 get 和 set 关键字为类定义 getter 和 setter。
  • 类表达式 – 学习使用类表达式定义新类的另一种方法。
  • 计算属性 – 解释计算属性及其实际应用。
  • 继承 – 向您展示如何使用extendssuper关键字扩展类。
  • new.target – 向您介绍new.target元属性。
  • 静态方法 – 指导您如何定义与类关联的方法,而不是该类的实例。
  • 静态属性 – 向您展示如何定义由类的所有实例共享的静态属性。
  • 私有字段 – 学习如何在类中定义私有字段。
  • 私有方法 – 向您展示如何在类中定义私有方法。

第 8 部分。高级函数

第 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。

第 10 章:迭代器和生成器

  • 迭代器 – 向您介绍迭代和迭代器协议。
  • 生成器 – 开发可以中途暂停然后从暂停的地方继续的函数。
  • yield – 深入研究如何在生成器中使用 yield 关键字。
  • for…of – 学习如何使用 for...of 循环来迭代可迭代对象的元素。
  • 异步迭代器 – 学习如何使用异步迭代器来按顺序访问异步数据源。
  • 异步生成器 – 向您展示如何创建一个异步生成器。

第 11 章:模块

  • 模块 – 学习如何编写模块化 JavaScript 代码。
  • 导出 – 详细解释如何从模块中导出变量、函数和类。
  • 导入 – 指导您如何从另一个模块中导入默认导出和命名导出。
  • 动态导入 – 向您展示如何通过类似函数的对象 import() 来动态导入模块。
  • 顶层 await – 解释顶层 await 模块及其用例。

第 12 章:Symbol

  • Symbol – 向您介绍 ES6 中的新原始类型 symbol

第 13 章:集合

  • Map – 向您介绍 Map 类型,它保存键值对的集合。
  • Set – 学习如何使用 Set 类型,它保存唯一值的集合。

第 14 章:错误处理

第 15 章:JavaScript var、let 和 const

  • let – 使用 let 关键字声明块级变量。
  • let vs. var – 了解 letvar 之间的区别。
  • const – 使用 const 关键字定义常量。

第 16 章:Proxy 和反射

  • Proxy – 学习如何使用 Proxy 对象,它包装另一个对象(目标),并拦截目标对象的底层操作。
  • 反射 – 向您展示如何使用 ES6 反射 API 在运行时操作对象的变量、属性和方法。

第 17 章:JavaScript 运行时

  • 执行上下文 – 了解执行上下文,包括全局和函数执行上下文。
  • 调用堆栈 – 了解调用堆栈。
  • 事件循环 – 向您展示 JavaScript 如何使用事件循环处理异步操作。
  • 提升 – 学习 JavaScript 中的提升是如何工作的。
  • 变量作用域 – 向您介绍变量作用域。

第 18 章:原始包装类型

  • 原始包装类型 – 学习 JavaScript 中原始包装类型是如何工作的。
  • Boolean – 向您介绍 Boolean 原始包装类型。
  • Number – 了解 Number 原始包装类型。
  • BigInt – 介绍 BigInt 类型,它表示大整数。
  • String 类型 – 向您介绍 String 类型。