Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/412.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/google-chrome/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 语法:const{}=variableName,有人能解释一下或者给我指出正确的方向吗_Javascript_Reactjs_Ecmascript 6 - Fatal编程技术网

Javascript 语法:const{}=variableName,有人能解释一下或者给我指出正确的方向吗

Javascript 语法:const{}=variableName,有人能解释一下或者给我指出正确的方向吗,javascript,reactjs,ecmascript-6,Javascript,Reactjs,Ecmascript 6,这种语法在JavaScript(ES6)中的含义是什么: 常量{}=variablename 我现在正试着掌握一些反应。在很多例子中,我遇到了这种语法。例如: const {girls, guys, women, men} = state; 首先,这与反应无关。它是ECMAScript 6(或者JavaScript 2015,如果您愿意的话)的一部分 你在这里看到的被称为: 在研究React时,您可能会遇到类似的模式: import { methodA, methodB } from "m

这种语法在JavaScript(ES6)中的含义是什么:

常量{}=variablename

我现在正试着掌握一些反应。在很多例子中,我遇到了这种语法。例如:

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

首先,这与反应无关。它是ECMAScript 6(或者JavaScript 2015,如果您愿意的话)的一部分

你在这里看到的被称为:



在研究React时,您可能会遇到类似的模式:

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

在本例中,您有一个名为
mymodule
的模块,它公开了一些函数。使用
import{}from
语法,您可以选择要导入的函数。请注意,这不是解构赋值,尽管它的工作方式类似。

它的调用也适用于数组:
const{a,b,c}=['a','b','c']它也适用于函数参数
函数({a,b}){}
它们被调用。请注意,导入语法与解构完全不同。虽然它在速记法上看起来很相似,但它使用了
as
而不是
,并且是不可嵌套的。@Bergi你是对的,但是由于OP被解构搞糊涂了,我认为他还可以学习导入法。我更新了答案,说它们不是一回事。
import { methodA, methodB } from "my-module";