es6의 구조 분해 방법은 무엇입니까?

이번에는 es6 해체 방법과 es6 해체 시 주의사항에 대해 알려드리겠습니다. 다음은 실제 사례입니다.

구조 분해 할당에 선언된 변수를 사용하려면 매우 주의해야 합니다.

rreee

위 코드는 JavaScript 엔진이 {x}를 코드 블록으로 인식하여 구문 오류가 발생하기 때문에 오류를 보고합니다. 이 문제는 JavaScript가 이를 코드 블록으로 해석하지 못하도록 줄 시작 부분에 중괄호를 쓰지 않음으로써만 해결될 수 있습니다.

rreee

변수명이 속성명과 일치하지 않는 경우에는 다음과 같이 작성해야 합니다.

rreee

즉, 객체 구조 분해 및 할당의 내부 메커니즘은 먼저 동일한 이름을 가진 속성을 찾은 다음 이를 해당 변수에 할당하는 것입니다. 실제로 할당된 것은 전자가 아니라 후자입니다.

rreerrree

참고: p는 현재 변수가 아닌 패턴이므로 값이 할당되지 않습니다. p도 변수로 할당해야 하는 경우에는 다음과 같이 작성할 수 있습니다.

rreee

할당을 구조분해할 때 등호 오른쪽이 숫자값이나 부울값이면 먼저 객체로 변환됩니다

// 错误的写法
let x;
{x} = {x: 1};
// SyntaxError: syntax error

함수 매개변수는 구조 분해를 사용하여 할당할 수도 있습니다.

rreee

위 코드에서 add 함수의 매개변수는 표면적으로는 배열이지만, 매개변수가 전달되는 순간 배열 매개변수는 변수 x와 y로 분해됩니다. 함수 내부의 코드에서 느낄 수 있는 매개변수는 x와 y입니다

정의되지 않으면 함수 매개변수의 기본값이 트리거됩니다.

이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 자료:

HTML 태그와 DOM 노드 결합

js는 브라우저 뒤로 이벤트를 금지합니다

위 내용은 es6의 구조 분해 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!