ES6 Day3(解構賦值的用途)

2021-07-28 06:20:41 字數 1335 閱讀 4748

(1)交換變數的值

案例1-1:es5

解析: 交換前:a=100   b=200

交換後:a=200   b=100

案例1-2:es6

解析: 

交換前:a=100   b=200

交換後:a=200   b=100

(2)從函式返回多個值

2-1:返回陣列.html

function fun();

var [x,y,z] = fun();

console.log(x); //1

console.log(y); //2

console.log(z); //3

2-2:返回乙個物件.html

function fun();

};var = fun();

console.log(id); //007

console.log(name); //zhangsan

console.log(age); //12

var =fun();

console.log(person_id); //007

console.log(person_name); //zhangsan

console.log(person_age); //12

(3)函式引數的定義

//引數是一組有次序的值

function fun([x,y,z])

fun([100,200,300]);

//引數是一組無次序的值

function fun();

fun();

(4)提取json資料

(5)函式引數的預設值

解析:上述方法中,避免了函式體內部再寫var foo = config.foo || 'default foo';這樣的語句。

第一種:為直接函式進行方法使用;第二種:更接近於物件的概念進行函式賦值。

(6)遍歷map[地圖]結構

(7)輸入模組的指定方法

ES6解構賦值的用途

參考文件 1.交換變數的值 let x 1 let y 2 x,y y,x 2.從函式返回多個值 函式只能返回乙個值,如果要返回多個值,只能將它們放在陣列或物件裡返回。有了解構賦值,取出這些值就非常方便。返回乙個陣列 function example let arr a,b,c example ar...

ES6 解構賦值的6個用途

變數的解構賦值用途很多。1 交換變數的值let x 1 let y 2 x,y y,x 上面 交換變數x和y的值,這樣的寫法不僅簡潔,而且易讀,語義非常清晰。2 從函式返回多個值 函式只能返回乙個值,如果要返回多個值,只能將它們放在陣列或物件裡返回。有了解構賦值,取出這些值就非常方便。返回乙個陣列 ...

ES6 變數的解構賦值的用途

變數的解構賦值用途很多。1 交換變數的值 let x 1 let y 2 x,y y,x 上面 交換變數x和y的值,這樣的寫法不僅簡潔,而且易讀,語義非常清晰。2 從函式返回多個值 函式只能返回乙個值,如果要返回多個值,只能將它們放在陣列或物件裡返回。有了解構賦值,取出這些值就非常方便。返回乙個陣列...