JavaScript 核心特性完全指南
引言
JavaScript 已经不再只是浏览器中的脚本语言,它支撑着前端、后端(Node.js)、桌面(Electron)、移动端(React Native)等多种生态。要在现代 Web 开发中游刃有余,除了会写代码,更要深刻理解语言特性、掌握常见模式和优化技巧。下面逐一深入解析 20 大核心特性。
1. 变量和数据类型
-
基本类型:
String
、Number
、Boolean
、Null
、Undefined
、Symbol
-
引用类型:
Object
、Array
、Function
、Date
、RegExp
等
const str = 'Hello';
let num = 42;
var bool = true; // 尽量少用 var,避免 hoisting 带来的困惑
const nothing = null;
let nothing2; // 值为 undefined
const id = Symbol('id'); // 用于对象属性的唯一键
最佳实践
尽量用
const
定义不变值,用let
替代var
。遇到可能为
null
或undefined
的值,养成使用可选链(?.
)和空值合并(??
)的习惯,减少报错。
2. 函数
2.1 形式多样
// 传统函数
function add(a, b) {return a + b;
}// 箭头函数(没有自己的 this)
const mul = (a, b) => a * b;// 参数解构 + 默认值
const greet = ({ name = 'World' } = {}) => `Hello, ${name}!`;// 剩余参数
const sum = (...nums) => nums.reduce((s, n) => s + n, 0);
注意
箭头函数适合简短表达式,但无法作为构造函数,也没有
arguments
对象。如果函数体较长或含逻辑分支,建议使用传统函数声明。
3. 对象和类
3.1 对象字面量
const user = {name: 'Alice',age: 28,greet() { return `Hi, I