ES6 학습을 위한 구조분해 할당 예시에 대한 자세한 설명

1. 구조 분해 할당의 정의

간단히 이해하면 할당 = 기호의 왼쪽과 오른쪽이 동일한 구조를 가지고 있어 일대일 할당 문을 수행할 수 있다는 것입니다

2. 할당의 분류 구조 분해 할당

배열 분해 할당 객체 분해 할당 문자열 분해 할당 불리언 값 구조 분해 할당 함수 매개변수 분해 할당 수치 분해 할당 (처음 두 개 이해에 집중)

셋, 각 카테고리를 따로 설명

1, 배열 분해 할당 (아래 코드는 이해를 돕기 위해 필요한 설명을 추가했습니다)

{
  let a,b,rest;
  [a,b]=[1,2];
  console.log(a,b);//输出1,2 直接将1和2解构到a和b}

　　변수에 대한 기본값을 설정할 수도 있습니다. 예를 들어 아래 코드에서 c는 기본값이 3입니다. 예를 들어 [a,b,c ]=[1,2] 구조 분해하는 경우 c가 분해되지 않으면 c는 정의되지 않은 값이 직접 추출됩니다(구조 분해 할당 없이 먼저 결과를 검색한 다음 이를 통해 검색해야 합니다). index) r

{
  let a,b,c,rest;
  [a,b,c=3]=[1,2];
  console.log(a,b);}

{
  let a=1;
  let b=2;
  [a,b]=[b,a];
  console.log(a,b);
}

ucle 단순히 인덱스 파괴 및 할당을 통해 결과를 검색해야합니다. 　　　　　　　　　　　　　　　　

{  function f(){return [1,2]
  }
  let a,b;
  [a,b]=f();
  console.log(a,b);
}

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