2016-02-15 13 views
5

を説明したり、正しい方向に私を指すことができます:構文:のconst {} = variableNameに、誰もがこの構文ではJavaScript(おそらくES6)に何を意味する

のconst {} =変数名;

私は現在、リアクトのグリップを取得しようとしています。多くの例で私はその構文に遭遇しました。例:すべての

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

[destructuring assignment](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment) – Pointy

答えて

5

まず、これが反応とは何の関係もありません。これは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; 



おそらく、勉強が反応しながら、同様のパターに遭遇するつもりだ:この中

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

をあなたはDestructuring assignmentそこに呼ばれて参照して何

あなたはmy-moduleと呼ばれるモジュールを公開していますいくつかの機能があります。 import {} from構文では、インポートする関数を選択します。これは同様の仕方で動作しますが、これは非構造化割り当てではありません。

+1

配列でも動作します: 'const {a、b、 C} = [ 'A'、 'B'、 'C​​']; 'また、関数のパラメータで動作 –

+0

'関数({A、B}){} 'それらが呼び出される – Gpx

+0

[名前付きパラメータ(HTTPS:/ /github.com/DrkSephy/es6-cheatsheet#named-parameters) –

関連する問題