es6變量解構賦值的用途

這裏是我以爲es6解構賦值,在平時咱們寫js的時候很是有用,並且常常用到的地方,能簡化咱們的代碼,讓寫代碼簡介優雅易讀;

用途

1.交換變量的值,太方便了這逼,寫法不只簡介並且一看就明白

let [x,y]=[1,2];
[x,y]=[y,x];
console.log(x);//輸出2
console.log(y);//輸出1

2.從函數返回多個值

函數只能返回一個值,若是要返回多個值,只能將它們放在數組或者對象裏面返回.有了解構賦值,取出這些值那是很是的方便,最關鍵是易讀

function obj1(){
    return [1,2,3,];
}
let [a,b,c]=obj1();
console.log(a);//1
console.log(b);//2
console.log(c);//3

function obj2(){
    return {
        name:"張三",
        age:18
    }
}
let {name,age}=obj2();
console.log(name);//張三
console.log(age);//18

3.函數參數的定義

解構賦值能夠方便地將一組參數與變量名對應起來

//參數是一組有次序的值
function f([x,y,z]){...}
f([1,2,3]);

//參數能夠無次序傳參
function f({x,y,z}){...}
f({y:2,x:1,z:3})

4.提取json對象數據

解構賦值對提取json對象中的數據,尤爲有用

let jsonData={
    id:42,
    name:"張三",
    score:[99,100,99]
}

let {id,name,score}=jsonData;
console.log(id,name,score);//42 '張三' [99,100,99]