ES6解構表示式

2021-08-31 01:18:18 字數 1613 閱讀 9966

1、解構表示式傳參

let user = ;

function show( obj )

show( = user ); //表示式傳值,整個表示式的值 取決於右邊,所以把user傳給了obj

console.log( name, age ); //ghostwu, 22

2、解構陣列

let arr = [ 10, 20, 30, 40 ];

// 陣列用解構

let [ one, two ] = arr;

console.log( one, two ); //10 20

3、解構巢狀陣列

let arr = [ 10, [ 20, 30 ], 40 ];

console.log( arr[1][1] ); //30

let [ one, two, three, four ] = arr;

console.log( one, two, three, four ); //10 [20, 30] 40 undefined

[one, [ two, three ], four ] = arr; //前面不要let,否則會報重定義錯誤

console.log( one, two, three, four ); //10 20 30 40

4、解構中的

不定引數(...)

let arr = [ 10, 20, 30 ];

let [ one, ...others ] = arr;

console.log( others.length ); //2

console.log( one ); //10

console.log( others[0] ); //20

console.log( others[1] ); //30

5、巢狀物件解構

let user = ,

group2 : }};

//在user物件解構class, 在class中解構group1

let } = user;

console.log( group1.one ); //王超

console.log( group1.two ); //馬漢

//在user物件解構class, 在class中解構group1, 在group1中解構one, two

( } } = user);

console.log( one, two ); //王超, 馬漢

//重新命名group1 為 diyizu

( } = user);

console.log( diyizu.one ); //王超

console.log( diyizu.two ); //馬漢

//three 賦預設值

( } } = user);

console.log( one, two, three );//王超,馬漢,展昭

ES6 屬性名表示式

1.直接用識別符號作為屬性名 obj.fo true2.用表示式作為屬性名 obj a bc 123 相當於 obj abc 1233.es6 允許字面量定義物件時,用方法二 表示式 作為物件的屬性名,即把表示式放在方括號內。let key fo let obj var lastt last t v...

ES6之箭頭表示式

1.單行箭頭表示式 1 var foo arg1,arg2 arg1 arg2 2 上述表示式相當於 3var foo function arg1,arg2 2.多行箭頭表示式 必須使用 大括號 1 var foo arg1,agr2 45 以上表示式相當於 6var foo function ar...

es6正規表示式

在es5中,regexp建構函式的引數有兩種情況。第一種情況是,引數是字串,這時第二個引數表示正規表示式的修飾符 flag var regex new regexp xyz i 等價於 var regex xyz i 第二種情況是,引數是乙個正規表示式,這時會返回乙個原有正規表示式的拷貝。var r...