H5-Chapter2-语言基础

### H5-Chapter2-语言基础 #### 一、语法 1. **区分大小写**： - JavaScript 是一种区分大小写的编程语言。这意味着 `person` 和 `Person` 在 JavaScript 中被视为两个不同的变量。 2. **标识符**： - 标识符包括变量名、函数名、参数名和方法名。 - 规则：标识符必须以字母、下划线（_）或美元符号（$）开头，并且后续字符可以是字母、下划线、美元符号或数字。 - 禁止使用 JavaScript 的关键字作为标识符。 3. **注释**： - 单行注释使用 `//`。 - 多行注释使用 `/* 注释内容 */`。 4. **关键字和保留字**： - JavaScript 中有一些关键字和保留字，如 `public`、`private`、`protected`、`static` 等，它们具有特殊含义，在程序中具有特定的功能。 5. **语句**： - JavaScript 语句通常以分号（`;`）结尾，但这不是强制性的。 #### 二、声明变量 1. **使用 `var`**： - 早期版本的 JavaScript 使用 `var` 来声明变量，但在 ES6 及以后的版本中，这种方式不再被推荐使用。 2. **使用 `let` 和 `const`**： - 自 ES6 开始，推荐使用 `let` 来声明变量，它具有块级作用域。 - `const` 用于声明常量，即一旦赋值就不能更改的变量。 #### 三、数据类型 1. **简单数据类型**： - ECMAScript 支持六种简单的原始数据类型：`Number`、`Boolean`、`Null`、`Undefined`、`String` 和 `Symbol`。 - 除了 `Symbol`，其他数据类型都是从 JavaScript 的早期版本继承下来的。 2. **复杂数据类型**： - `Object` 类型是最复杂的类型之一，所有自定义类型都是 `Object` 的子类型。 3. **类型检测**： - `typeof` 运算符用于检测变量的数据类型，结果以字符串形式返回。 4. **Number 类型**： - 包括整数和浮点数。 - 浮点数的表示可能会有精度问题。 5. **String 类型**： - 字符串可以用双引号 (`"..."`)、单引号 (`'...'`) 或反引号 (`` ```) 包裹。 - 反引号允许使用模板字符串和嵌入变量。 6. **Boolean 类型**： - 只有两个值：`true` 和 `false`。 7. **Null 和 Undefined 类型**： - `null` 代表空值，通常用来表示一个尚未赋值的对象引用。 - `undefined` 表示一个未定义的值。 8. **弱数据类型**： - 当使用双引号作为字符串的定界符时，字符串内可以包含单引号，反之亦然。 - 如果需要在字符串内部使用定界符本身，则需要使用转义符 `\`。 #### 四、类型转换 1. **字符串转换为数值**： - 使用 `parseInt(字符串, 进制)` 或 `parseFloat(字符串)`。 2. **任意类型转换为数值**： - 使用 `Number(参数)`。 3. **非 `Null`、非 `Undefined` 类型转换为字符串**： - 使用 `toString()` 方法。 4. **`Null`、`Undefined` 类型转换为字符串**： - 使用 `String(参数)`。 5. **数值转换为字符串**： - 使用 `toFixed(小数位数)` 方法。 #### 五、模板字符串插值 1. **使用模板字符串**： - 模板字符串使用反引号包围，允许在字符串中使用 `${...}` 插入变量值。 - 示例：`let n = 10; let interpolatedString = \`${n} 的平方是：\${n * n}\`; alert(interpolatedString);` #### 六、运算符 1. **算术运算符**： - 常见的算术运算符包括：加号 (`+`)、减号 (`-`)、乘号 (`*`)、除号 (`/`)、模运算符 (`%`)、递增 (`++`)、递减 (`--`)、指数 (`**`)。 2. **关系运算符**： - 大于 (`>`)、小于 (`<`)、大于等于 (`>=`)、小于等于 (`<=`)、全等 (`===`)、不全等 (`!==`)。 - `===` 和 `!==` 不会进行类型转换，直接比较值和类型是否相同。 3. **条件运算符**： - `expression ? value1 : value2`，当 `expression` 为真时返回 `value1`，否则返回 `value2`。 4. **赋值运算符与复合赋值运算符**： - 赋值运算符 (`=`) 用于将值赋给变量。 - 复合赋值运算符（如 `+=`, `-=`, `*=`, `/=` 等）将运算符与赋值结合在一起，简化代码。 #### 七、控制语句 1. **条件语句**： - `if` 语句用于基于条件执行代码。 - `switch` 语句用于根据不同的情况执行不同的代码块。 2. **循环语句**： - `while` 语句和 `do while` 语句用于重复执行一段代码直到满足某个条件。 - `for` 语句提供了一种更简洁的方式来编写循环。 - `for in` 语句用于遍历对象的属性。 - `for of` 语句用于遍历可迭代对象的元素。 3. **跳转语句**： - `break` 语句用于跳出当前循环。 - `continue` 语句用于跳过当前循环中的剩余语句，并继续下一次循环。 4. **标签语句**： - `label:` 可以为语句块添加标签，配合 `break` 和 `continue` 使用。 5. **`with` 语句**： - `with` 语句可以在特定的作用域内使用对象的属性和方法。 #### 八、函数 1. **定义函数**： - 函数定义的基本结构：`function 函数名(参数列表) { ... }`。 - 参数列表可以为空，也可以包含一个或多个参数。 - 函数体包含了函数执行的具体代码。 - 使用 `return` 语句返回函数的结果。 2. **匿名函数**： - 没有名称的函数称为匿名函数，可以赋值给变量。 3. **箭头函数**： - ES6 引入了箭头函数，语法更简洁。 - 箭头函数的语法：`(参数) => 函数体`。 - 如果函数体只有一条语句，则该语句的值会被作为函数的返回值。 通过以上内容的学习，我们可以了解到 JavaScript 的基本语法和概念，这些基础知识是学习任何高级特性和技术的基础。随着不断实践和深入理解，我们能够更好地利用 JavaScript 来构建强大的 Web 应用程序。