ES6의 구조분해 할당 예제에 대한 자세한 설명

이번에는 ES6의 구조 분해 할당 예제에 대한 자세한 설명을 가져왔습니다. ES6가 매우 강력하다는 것을 알고 있으므로 이 기사에서는 자세한 분석을 제공합니다.

기본 사용법

let [x, y, ...z] = ['a']
//"a", undefined, []

1. 등호의 오른쪽이 배열이 아니면 오류가 보고됩니다(순회 가능한 구조 아님)
2. Const 명령 선언을 적용할 수 있습니다
3. 집합 구조를 해체하고 할당할 수도 있습니다(배열 구조 형식으로 할당할 수 있는 Iterator 인터페이스 사용)

세트 구조 분해: 다음의 단일 값 모음 모든 유형

let [x, y, z] = new Set(["a", "b", "c"])
x //"a"

기본값

1. Array 멤버의 값은 엄밀하게는 undefine과 동일하지 않으며, 기본값은 적용되지 않습니다(null인 경우 해당 값은 여전히 ​​null임)

[x=1, y=2, z=3, o=4] = ['a', , undefined, null]
//"a", 2, 3, null、

2. 기본값은 표현식입니다, 표현식은 느리게 평가되며 사용될 때만 사용됩니다.

3. 기본값은 구조 할당의 다른 변수를 참조할 수 있지만 변수는

객체로 선언되어야 합니다. 구조 할당

1. 배열은 순서대로 배열되며, 개체 변수는

property

var {bar, foo, baz: loc} = {foo: 'aaa', baz: 'bbb'}
bar //undefined
foo //"aaa"
loc //"bbb"
baz //ReferenceError: baz is not defined

2와 동일한 이름을 가져야 합니다. 변수는 이전에 선언되었으며, let 할당을 사용하면 오류가 발생합니다

.

3. 중첩 구조에 사용할 수 있는 객체

var node = {
  loc: {
    start: {
      line: 1,
      column: 5
    }
  }
}
var {loc:{start:{line}}} = node
line //1
loc //ReferenceError: loc is not defined
start //ReferenceError: start is not defined

line은 변수, loc, start는 모두 패턴

위의 소개를 읽으신 후 방법을 마스터하신 것 같습니다. 더 흥미로운 PHP 중국어 웹사이트를 주목하세요

기타관련 기사!

관련 읽기:

가로 중단 없는 스크롤 효과 코드

JS 엔진이 실행 중일 때 어떻게 보일까요?

JS를 사용하는 동안 콘솔 개체를 사용자 정의하는 방법

위 내용은 ES6의 구조분해 할당 예제에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!