语法:const {} = 变量名称，任何人都可以解释或指出我正确的方向

Syntax: const {} = variableName, can anyone explain or point me into the right direction

本文关键字：解释 方向 都可以 任何人 const 变量名 语法      更新时间：2023-09-26

这种语法在JavaScript中是什么意思(可能是ES6(：

const {} = 变量名;

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

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

首先，这与 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 语法，您可以选择要导入的函数。请注意，这不是解构赋值，尽管它的工作方式类似。

相关文章：