解构赋值

最新推荐文章于 2025-04-30 09:00:00 发布

Mozzie晓风残月

最新推荐文章于 2025-04-30 09:00:00 发布

阅读量232

点赞数

分类专栏： es新特性

es新特性专栏收录该内容

15 篇文章

订阅专栏

博客主要介绍了解构赋值的使用建议，包括使用数组成员对变量赋值、函数参数为对象成员时，优先使用解构赋值；函数返回多个值时，优先用对象解构赋值，便于添加和更改返回值。

一解构赋值

使用数组成员对变量赋值时，优先使用解构赋值。

const arr = [1, 2, 3, 4];

// bad
const first = arr[0];
const second = arr[1];

// good
const [first, second] = arr;

函数的参数如果是对象的成员，优先使用解构赋值。

// bad
function getFullName(user) {
  const firstName = user.firstName;
  const lastName = user.lastName;
}

// good
function getFullName(obj) {
  const { firstName, lastName } = obj;
}

// best
function getFullName({ firstName, lastName }) {
}

如果函数返回多个值，优先使用对象的解构赋值，而不是数组的解构赋值。这样便于以后添加返回值，以及更改返回值的顺序。

// bad
function processInput(input) {
  return [left, right, top, bottom];
}

// good
function processInput(input) {
  return { left, right, top, bottom };
}

const { left, right } = processInput(input);