js.md

认识 JavaScript

JavaScript (JS) 是世界上最流行的语言之一，是一种主要运行在客户端的脚本语言。它广泛应用于网页开发，以增强用户体验，使网页具有交互性。

浏览器如何执行 JS

浏览器分为两大部分：

• 渲染引擎：解析 HTML 与 CSS，负责页面的渲染。
• JS 引擎：也称为 JS 解释器，负责读取网页中的 JavaScript 代码并执行。

浏览器通过内置的 JavaScript 引擎来执行 JS 代码。JS 引擎逐行解释源码（将其转换为机器语言），然后由计算机执行，因此 JavaScript 被归类为脚本语言，会逐行解释执行。

学习 JS

• alert：浏览器弹出警示框
• console.log：浏览器控制台打印输出信息
• prompt：浏览器弹出输入框，用户可以输入
• .length：字符串的长度属性
• interface：接口，用于定义对象的结构
• 'use strict'：启用严格模式，用于提高代码质量

变量

• var：声明变量
• const：声明常量，声明后不可更改
• let：声明块级作用域的变量
• average：平均值变量
• even：偶数
• odd：奇数

数据类型

• 简单数据类型：

  • Number：数字类型，包括整数和浮点数，默认值为 0
  • Boolean：布尔类型，true 或 false，默认值为 false
  • string：字符串类型，默认值为 ""
  • Undefined：未定义，默认值为 undefined
  • null：空值，默认值为 null
  • NaN：非数字，表示计算错误或无法计算的结果

• 检测数据类型：

  • typeof：返回变量的数据类型
  • instanceof：检测对象是否是特定构造函数的实例

字符串转义

• \n：换行符
• \\：反斜杠
• \'：单引号
• \"：双引号
• \t：制表符
• \b：退格符

运算符

• 算术运算符：+ - * / %
• 递增和递减运算符：++ --
• 比较运算符：== != === !== < > <= >=
• 逻辑运算符：&& || !
• 赋值运算符：=, +=, -=, *=, /=, %=
• 三元运算符：? :

异常处理

• try...catch...finally：用于捕捉并处理代码执行中的错误
  • try：尝试执行的代码块
  • catch：捕获错误后的处理代码
  • finally：无论是否有错误都会执行的代码
• throw：抛出自定义错误

循环

• for：通用循环
• for/in：遍历对象属性
• while：当条件为真时执行循环
• do/while：先执行循环体至少一次，然后再判断条件
• switch：多条件分支选择
• continue：跳过当前循环的剩余部分
• break：提前退出循环

对象

• 内建对象：如 String, Number, Boolean, Math 等
• 数组对象：用于存储多个值的集合
• 自定义对象：开发者自定义的对象

数组

• 常用方法：
  • push()：向数组末尾添加一个或多个元素，并返回新的长度
  • pop()：删除数组最后一个元素，并返回该元素
  • unshift()：向数组开头添加一个或多个元素，并返回新的长度
  • shift()：删除数组第一个元素，并返回该元素
  • indexOf()：查找数组中某个值的第一个索引，如果不存在则返回 -1
  • slice()：提取数组的一部分，返回一个新的数组
  • sort()：对数组元素排序
  • reverse()：反转数组元素
  • concat()：合并两个或多个数组
  • join()：将所有数组元素连接成一个字符串

Math 对象

• Math.random()：返回一个 0 到 1 之间的随机数
• Math.PI：圆周率 π
• Math.floor()：向下取整
• Math.ceil()：向上取整
• Math.round()：四舍五入
• Math.abs()：绝对值
• Math.max() / Math.min()：求最大值/最小值

遍历

• keys()：遍历对象的所有键名
• values()：遍历对象的所有键值
• entries()：遍历对象的所有键值对