JavaScript 객체의 대괄호 표기: 왼쪽 할당 사용 ({ Navigation } =)

Question

이 구문을 이전에 본 적이 없으며 이것이 무엇을 의미하는지 알고 싶습니다.

var { Navigation } = require('react-router');

왼쪽에 있는 중괄호는 구문 오류를 발생시킵니다:

<인용문>

예기치 않은 토큰 {

웹팩 구성의 어느 부분이 변환을 수행하는지, 이 구문의 목적이 무엇인지 잘 모르겠습니다. 이게 하모니인가요? 누군가 나에게 이것을 설명해 줄 수 있습니까?

Answer 1

이것은 구조분해 할당입니다. ECMAScript 2015의 새로운 기능입니다.

으아악

는 다음과 같습니다:

으아악

Answer 2

이를 Destructuring Assignment이라고 하며 ES2015 표준의 일부입니다.

객체 분해

으아아아

배열 분해

으아아아