ToolkitX
知识库工具箱

ES6+ 新特性

解构、展开、箭头函数、模块

25min·进阶

01. 解构与展开

解构赋值让你从数组或对象中提取值到变量。展开运算符用于展开数组或对象。
javascript
// 数组解构
const [first, second, ...rest] = [1, 2, 3, 4, 5];

// 对象解构
const { name, age, city = "未知" } = { name: "Alice", age: 25 };

// 展开运算符
const arr1 = [1, 2, 3];
const arr2 = [...arr1, 4, 5];

const obj1 = { a: 1, b: 2 };
const obj2 = { ...obj1, c: 3 };

02. 可选链与空值合并

可选链(?.)在属性不存在时返回 undefined。空值合并(??)在值为 null/undefined 时使用默认值。
javascript
// 可选链
const user = { profile: { name: "Alice" } };
const city = user?.address?.city;  // undefined

// 空值合并
const value = null ?? "默认值";  // "默认值"
const value2 = 0 ?? "默认值";    // 0

// 模板字符串
const name = "Alice";
const greeting = "Hello, " + name + "!";

// 模块系统
export const PI = 3.14159;
import Calculator from "./math.js";

知识测验

1/5正确 0

展开运算符 ... 的作用是什么?

下一节

错误处理与调试

下一节