ES6 - 변수 할당 해체

해체 변수 할당

소정의 패턴에 따라 정의된다 ES6, 해체 불리는 변수들의 어레이 대상물 값 할당에서 추출 할 수 있습니다.

첫 번째 직접 할당

let a = 0;let b = 1;let c = 2;复制代码

어느 하나의 순으로 할당 된 제 2 어레이 구조

let [d,e,f] = [3,4,5]复制代码

배열 패턴은 할당 모드와 일치합니다

let [d,e,f] = [3,4,5]复制代码

let [d,e,f,[g,h]] = [3,4,5,[6,7]]复制代码

기본값

let [fun = true] =[];
console.log(fun)   // true复制代码

let [aa,bb = '我是bb'] =['你好'];console.log(aa,bb)    // 你好 我是bb复制代码

let [aa,bb="我是bb"]=['你好',undefined];
console.log(aa,bb)    // 你好 我是bb复制代码

let [aa,bb="我是bb"]=['你好',null];
console.log(aa,bb)    // 你好 null复制代码

정의되지 않은 아무것도에 해당, 여전히 기본값

그것은 null 값이 널 (null) BB이며, 기본 값으로 가지 않았다 나타내지 만 구조가 null

한 대응과 같은 개체 구조 할당 키 - 값 쌍.

let {  cc, dd} = {  'cc': '我是cc',  'dd': '我是dd'}console.log(cc, dd)复制代码

한 대응의 핵심처럼.

공통 CC를 대응 DD DD는 대응

괄호를 사용

그것을 해체하기 전에 변수를 정의하는 경우,이 시간은 문제가 해체.

let foo;
{foo} ={foo:'圆括号的使用'};
console.log(foo);  报错复制代码

게다가 해체 외부 문에서 수정 그것에 괄호

let foo;
({foo} ={foo:'圆括号的使用'});
console.log(foo);  复制代码

문자 스트링 구조 문자열 이때 문자열 배열 형 객체로 변환되어 있기 때문이고, 해체된다.

const [a,b,c,d,e,f]="kaikai";
console.log(a);
console.log(b);
console.log(c);
console.log(d);
console.log(e);
console.log(f);复制代码

HTTPS : //juejin.im/post/5d0a0810e51d45590a445b43 재현