语法:const {} = variableName,任何人都可以解释或指出我正确的方向

Question

这种语法在JavaScript中意味着什么(可能是ES6):

const {} = variablename;

我目前正试图抓住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语法,您可以选择要导入的功能.请注意,这不是解构赋值,尽管它以类似的方式工作.