2025.4.24 JavaScript 基础学习笔记
一、数据类型
JavaScript 有七种基本数据类型：Undefined、Null、Boolean、Number、String、Symbol（ES6 新增）、BigInt（ES2020 新增）。
-
Undefined ：变量声明后未初始化时的默认值，例如
let a; console.log(a);输出undefined。 -
Null ：表示一个空值，常用来表示某个变量或对象不存在，例如
let b = null;。 -
Boolean ：表示布尔值，只有
true和false两个值。 -
Number ：包括整数和浮点数，如
42、3.14。 -
String ：表示字符串，用单引号、双引号或反引号（模板字符串）括起来，例如
'Hello World'、"Hello World"、Hello World。 -
Symbol ：表示独一无二的值，主要用于对象属性名，防止属性名冲突，例如
let sym = Symbol('description')。 -
BigInt ：用于表示任意精度的整数，当数字后面加上
n表示 BigInt，如123n。
二、变量
JavaScript 有三种变量声明方式：
-
var ：函数作用域，在函数内声明的变量在函数外无法访问。存在变量提升现象，即变量会提升到当前作用域的顶部，但初始化不会提升。
-
let ：块级作用域，在
{}包裹的代码块内有效。也存在变量提升，但存在暂时性死区，在变量声明之前访问会报错。 -
const ：块级作用域，用于声明常量，一旦赋值就不能改变。同样存在暂时性死区。
三、运算符
-
算术运算符 ：
+（加）、-（减）、*（乘）、/（除）、%（取模）、++（自增）、--（自减）。例如let sum = 5 + 3;表示 5 加 3。 -
比较运算符 ：
==（等于）、===（全等，比较值和类型）、>（大于）、>=（大于等于）、<（小于）、<=（小于等于）、!=（不等于）、!==（全不等）。例如5 === 5返回true，5 === '5'返回false。 -
逻辑运算符 ：
&&（与）、||（或）、!（非）。例如true && false返回false，true || false返回true。 -
赋值运算符 ：
=（赋值）、+=、-=、*=、/=等。例如let a = 5; a += 3;相当于a = a + 3;。
四、语句
-
if...else 语句 ：根据条件执行不同代码块。例如：
let score = 75;
if (score >= 90) {console.log('优秀');
} else if (score >= 70) {console.log('良好');
} else {console.log('一般');
}-
switch 语句 ：用于多分支选择，根据表达式的值执行相应的代码块。例如：
let day = 'Monday';
switch (day) {case 'Monday':console.log('周一');break;case 'Tuesday':console.log('周二');break;default:console.log('其他');
}-
for 循环 ：用于循环执行代码块，语法为
for (初始化; 条件; 更新)。例如：
for (let i = 0; i < 5; i++) {console.log(i);
}-
while 循环 ：先判断条件，条件为真时执行循环体。例如：
let i = 0;
while (i < 5) {console.log(i);i++;
}-
do...while 循环 ：先执行循环体，再判断条件。例如：
let i = 0;
do {console.log(i);i++;
} while (i < 5);五、函数
函数是具有功能的一段代码块，可以通过函数名调用执行。
-
函数声明 ：
function add(a, b) {return a + b;
}
console.log(add(3, 5)); // 输出 8-
函数表达式 ：将函数赋值给变量。
let sub = function(a, b) {return a - b;
};
console.log(sub(7, 2)); // 输出 5-
箭头函数 （ES6 新增）：简化函数定义，没有自己的 this、arguments 等。
let multiply = (a, b) => {return a * b;
};
console.log(multiply(4, 6)); // 输出 24六、对象与数组
-
对象 ：用于存储多个键值对的数据集合，用
{}定义。
let person = {name: '张三',age: 20,gender: '男'
};
console.log(person.name); // 输出 张三
console.log(person['age']); // 输出 20-
数组 ：用于存储一组有序的数据，用
[]定义。
let numbers = [1, 2, 3, 4, 5];
console.log(numbers[2]); // 输出 3
numbers.push(6); // 添加元素
console.log(numbers.length); // 输出 6