使用对象解构（首选解构）

Question

我收到了一个 lint 警告，但我不确定如何解构它，或者为什么需要解构如此通用的东西。

const href = window.location.href;

Answer 1

Lint 向您发出警告，因为相同的关键字用于声明变量href，并且相同的关键字用于访问对象值window.location.href。这就是 lint 向您发出警告的原因。

如果您尝试使用不同的变量名称，则警告将消失

const ref = window.location.href;

如果您不想更改名称，则可以像下面这样解构

const { href } = window.location;