ES6 04常用的解構

2022-09-10 07:57:14 字數 796 閱讀 6066

其他解構

1.es6除了提供物件和陣列解構,還提供很多適用的解構方案

2.若你想要讓乙個普通的值進行交換,不必需要第三個變數

let key=1;

let value='mr.lee';

[key,value]=[value,key]; //

解構操作,變數互換

console.log(key);

console.log(value);

3.若函式的返回值是乙個陣列或物件,直接將函式進行賦值解構

function

fn()

let [name,age,gender]=fn();

console.log(name);

function

fn2()

} let =fn2();

console.log(name);

4.當函式進行引數傳遞的時候,可以進行陣列和物件字面量方式的傳參

function

fn([name,age,gender])

fn(['mr.lee',100,'男']);

function

fn2()

fn2();

5.除了物件和陣列可以使用解構,字串型別的資料也可以解構

let [x,y,z]='abc';

console.log(x); //a

let ='abc'; //

長度 console.log(len); //

輸出3

前端技術 ES6(04)

const persion sayhiasync1 function 1000 sayhiasync2 function 1000 abc function persion.sayhi this.name jerry persion.sayhi persion.sayhiasync1 settime...

ES6 04 函式的擴充套件

es6 針對新的語法特性 解構 引數預設值 箭頭語句 塊級作用域let 對於函式的屬性 引數 作用域進行了擴充套件,並對遞迴調導致記憶體棧溢位用進行了優化。同時es6規定,只要函式引數使用了預設值 解構賦值 擴充套件運算子,函式內部都不可以使用嚴格模式 es5可以 否則會報錯 1.函式引數預設值es...

ES6陣列的解構

陣列解構 const namess henry bucky emily 解構 const name1,name2,name3 namess console.log name1,name2,name3 henry bucky emily 返回陣列個數 const namess 如果接收的方式是陣列方式...