重温解构赋值

对象解构

  • 形式：const { x, y } = { x: 1, y: 2 }
  • 默认：const { x, y = 2 } = { x: 1 }
  • 改名：const { x, y: z } = { x: 1, y: 2 }

数组解构

  • 规则：数据结构具有 Iterator 接口可采用数组形式的解构赋值
  • 形式：const [x, y] = [1, 2]
  • 默认：const [x, y = 2] = [1]

函数参数解构

  • 数组解构：function Func([x = 0, y = 1]) {}
  • 对象解构：function Func({ x = 0, y = 1 } = {}) {}

应用场景:

  • 交换变量值：[x, y] = [y, x]
  • 返回函数多个值：const [x, y, z] = Func()
  • 定义函数参数：Func([1, 2])
  • 提取 JSON 数据：const { name, version } = packageJson
  • 定义函数参数默认值：function Func({ x = 1, y = 2 } = {}) {}
  • 遍历 Map 结构：for (let [k, v] of Map) {}
  • 输入模块指定属性和方法：const { readFile, writeFile } = require(“fs”)

注意点

  • 匹配模式：只要等号两边的模式相同，左边的变量就会被赋予对应的值
  • 解构赋值规则：只要等号右边的值不是对象或数组，就先将其转为对象
  • 解构默认值生效条件：属性值严格等于 undefined
  • 解构遵循匹配模式
  • 解构不成功时变量的值等于 undefined
  • undefined 和 null 无法转为对象，因此无法进行解构