语法：const {} = variableName，谁能解释或指出我正确的方向

Question

此语法在JavaScript中可能意味着什么（可能是ES6）：

const {} =变量名；

我目前正在尝试掌握React。在很多示例中，我都遇到了这种语法。例如：

const {girls, guys, women, men} = state;

Answer 1

首先，这与React无关。它是ECMAScript 6（如果您愿意的话，也可以是JavaScript 2015）的一部分。

您在此处看到的称为“ 分解任务”：

const {girls, guys, women, men} = state;

// Is the same as

const girls = state.girls;
const guys = state.guys;
const women = state.women;
const men = state.men;

在学习React时，您可能会遇到类似的情况：

import { methodA, methodB } from "my-module";

在这种情况下，您有一个名为的模块my-module，该模块公开了一些功能。使用import {} from语法选择要导入的功能。请注意，尽管它以类似的方式工作，但这并不是破坏结构。