Javascript 通过解构重新分配 let 变量

Question

这个问题已经有答案了:

Object destructuring without var, let or const (4 个回答)

已关闭 5 年前。

在我的React应用程序中，我使用airbnb的eslint样式指南，如果我不使用解构，它将抛出错误。

在下面的情况下，我首先使用let分配两个变量 latitude和longitude位置对象数组中第一项的坐标。然后，如果用户允许我访问他们的位置，我会尝试使用解构来重新分配它们的值。

let latitude = locations[0].coordinates[1];
let longitude = locations[0].coordinates[0];

if (props.userLocation.coords) {
  // doesn't work - unexpected token
  { latitude, longitude } = props.userLocation.coords;

  // causes linting errors
  // latitude = props.userLocation.coords.latitude;
  // longitude = props.userLocation.coords.longitude;
}

if 内部的解构语句导致 unexpected token错误。

以老式方式重新分配变量会导致 ESlint: Use object destructuring错误。

Answer 1

 ({ latitude, longitude } = props.userLocation.coords);

解构需要在 let、const 或 var 声明之后进行，或者需要位于表达式上下文中以将其与 block 语句。