更喜欢解构 - 已经存在的变量

Question

我的 linter 在解构方面给我带来了麻烦。

---

当我尝试解构时，它会让我出错，如下面的 sn-p ：

const data = {
  status: 'example',
};

let status = 'foo';

{
  status,
} = data;

console.log(status);

当变量已经存在时，有什么方法可以使用解构吗？

---

再次使用let：

const data = {
  status: 'example',
};

let status = 'foo';

let {
  status,
} = data;

console.log(status);

Answer 1

在解构周围添加括号

来自文档：Assignment without declaration

使用没有声明的对象字面量解构赋值时，赋值语句周围的括号 ( ... ) 是必需的。

{a, b} = {a: 1, b: 2} 不是有效的独立语法，因为左侧的 {a, b} 被视为块而不是对象字面量。

但是，({a, b} = {a: 1, b: 2}) 是有效的，var {a, b} = {a: 1, b: 2} 也是如此

您的 ( ... ) 表达式需要以分号开头，或者它可以用于执行上一行的函数。

const data = {
  status: 'example',
};

let status = 'foo';

({ status } = data);

console.log(status);