세미콜론이 없는 ES6 배열 구조 분해가 불규칙한 동작을 보이는 이유는 무엇입니까?

ES6 배열 구조 분해 불규칙성

다음 코드 조각에서 볼 수 있듯이 ES6 배열 구조 분해를 사용할 때 흥미로운 예외가 발생합니다.

<code class="javascript">let a, b, c;
[a, b] = ['A', 'B'];
[b, c] = ['BB', 'C'];
console.log(`a=${a} b=${b} c=${c}`);</code>

예상: a=A b=BB c=C
실제: a=BB b=C c=정의되지 않음

분석:

근본 원인은 JavaScript의 자동 세미콜론 삽입(ASI) 기능을 통해 활성화되는 세미콜론이 없다는 데 있습니다. 그러나 이 특정한 경우 ASI는 예상하는 방식으로 세미콜론을 삽입하지 않습니다.

코드는 다음과 같이 논리적으로 분석됩니다.

<code class="javascript">let a = undefined, b = undefined, c = undefined;
[a, b] = (['A', 'B']
[(b, c)] = ['BB', 'C']);
console.log(`a=${a} b=${b} c=${c}`);</code>

• [a, b] = …; 는 일반적인 구조 분해 할당입니다.
• (…) = ['BB', 'C']는 배열로 평가되는 할당 표현식입니다.
• ['A', 'B'] [...]는 배열 리터럴의 속성 참조입니다.
• (b, c)는 쉼표 연산자를 사용하여 결과적으로 c(정의되지 않음)가 됩니다.

해결 방법 :

이러한 특성을 우회하려면 (, [, /, , - 또는 `로 시작하는 모든 줄의 시작 부분에 세미콜론을 명시적으로 추가하는 것이 중요합니다. 이 접근 방식을 사용하면 문을 적절하게 분리할 수 있습니다. 예상치 못한 동작을 제거합니다.

위 내용은 세미콜론이 없는 ES6 배열 구조 분해가 불규칙한 동작을 보이는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!