JS核心语法

// var 问题：无块级作用域 if (true) { var a = 10; } console.log(a); // 10（全局可见，不合理） // let 解决块级作用域 if (true) { let b = 20; } console.log(b); // 报错：b is not defined // const 常量（不可修改引用） const PI = 3.14159; PI = 3; // 报错：Assignment to constant variable const obj = { name: '张三' }; obj.name = '李四'; // 允许（仅禁止修改引用，对象内容可改）

console.log(num); // undefined（变量提升，声明了但未赋值） var num = 10; // let/const 无变量提升 console.log(num2); // 报错：Cannot access 'num2' before initialization let num2 = 20;

三、数据类型

JS 是弱类型语言（声明变量时无需指定类型，赋值后类型可变），分为两大类：

3.1 原始类型（值类型）

存储具体值，占用空间小，赋值时拷贝值。

• string：字符串（单引号 / 双引号 / 反引号包裹）
• number：数值（整数、小数、NaN、Infinity）
• boolean：布尔值（true/false）
• undefined：声明变量未赋值时的默认值
• null：表示 “空”（手动赋值，类型为 object，历史遗留问题）
• symbol（ES6）：唯一值（用于对象唯一属性名）
• bigint（ES11）：大整数（解决 Number 最大值2^53-1限制）

let str = 'Hello JS'; // string let num = 100; // number let bool = true; // boolean let un = undefined; // undefined let nu = null; // null let sym = Symbol('id'); // symbol let big = 9999999999999999999999999999n; // bigint

3.2 引用类型

存储内存地址，占用空间大，赋值时拷贝地址（多个变量指向同一内存）。

• object：对象（普通对象、数组、正则、日期等）
• function：函数（特殊的对象）

// 普通对象 let user = { name: '张三', age: 20 }; // 数组（特殊对象） let arr = [1, 2, 3]; // 函数（特殊对象） let fn = function() {};

3.4 类型转换

3.4.1 隐式转换（JS 自动触发，易踩坑）

• 转布尔：0、''、undefined、null、NaN→false，其余为true。
• 转数字：字符串转数字（'123' → 123，'abc' → NaN），布尔转数字（true → 1，false → 0）。
• 转字符串：数字 / 布尔转字符串（123 → '123'，true → 'true'）。

3.4.2 显式转换（手动控制，推荐）

// 转数字 Number('123'); // 123 parseInt('123abc'); // 123（取整） parseFloat('123.45abc'); // 123.45 // 转字符串 String(123); // '123' (123).toString(); // '123' // 转布尔 Boolean(0); // false Boolean(''); // false Boolean('abc'); // true

逻辑运算符

用于条件判断，返回最终的真值 / 假值。

// && 短路：左假返回左 console.log(false && 123); // false console.log(1 && 2 && 3); // 3（全部为真，返回最后一个） // || 短路：左真返回左 console.log(123 || false); // 123 console.log(0 || '' || 'abc'); // 'abc'（全部为假，返回最后一个） // 实用场景：设置默认值 let userName = ''; let name = userName || '游客'; // name → '游客'

三元运算符（条件运算符）

语法：条件 ? 表达式1 : 表达式2（简化 if-else）

let age = 18; let result = age >= 18 ? '成年' : '未成年'; console.log(result); // '成年' // 嵌套三元（不推荐多层，可读性差） let score = 85; let grade = score >= 90 ? 'A' : score >= 80 ? 'B' : 'C';

do-while 循环

语法：do { 循环体 } while (条件)（先执行一次，再判断条件）

let i = 0; do { console.log(i); i++; } while (i < 5);

增强循环（ES6+）

for-in：遍历对象的可枚举属性（不推荐遍历数组，会遍历原型链）

let obj = { name: '张三', age: 20 }; for (let key in obj) { console.log(key, obj[key]); // name 张三, age 20 }

for-of：遍历可迭代对象（数组、字符串、Map/Set 等），返回值而非索引

let arr = ['a', 'b', 'c']; for (let val of arr) { console.log(val); // a,b,c }

循环控制

• break：跳出当前循环（终止循环）。
• continue：跳过当前轮循环，进入下一轮。

  // break 示例：找到第一个偶数就停止 for (let i = 1; i < 10; i++) { if (i % 2 === 0) { console.log('第一个偶数：', i); // 2 break; } } // continue 示例：只打印奇数 for (let i = 1; i < 10; i++) { if (i % 2 === 0) { continue; } console.log(i); // 1,3,5,7,9 }