//  陣列的解構賦值: 一次宣告多個變數
let [a2, b2, c2, ] = [1,2,3];
console.log(a2)
console.log(b2)

2，物件的解構賦值

let {a11, b11} = {a11:'aa1', b11:'bb2'};
 
// a= 'aa1'
// 物件的解構 可以指定預設值
let {x1 = 3} = {}
//  x1 = 3

// 2.4，解構賦值的用途
// 1，交換變數的值
let x = 1;
let y = 2;
[x,y] = [y,x]

// 返回一個數組
function example(){
    let [a,b,c] = [1,2,3]
    return [a,b,c]
}
let [a,b,c] = example()
// 返回一個物件
function example2 (){
    return {foo:1, bar:22}
}
let {foo, bar} 
 
= example2()

// 3，函式引數的預設值，給定義變數設預設值
function funa (a1=1, b1=2){
    return a1+b1;
}
funa(3) //a1=3, b1=2

// 4，匯入模組的時候可以用解構賦值，指定匯入哪些方法，
import {A1, B2} from  "./utils.js"
// 在utils.js裡
export  function A1 () {
    console.log('A1')
}
export  function B2 () {
    console.log('B2')
}

前端學習之路分享 · 前端躬行記 · 看雲

https://www.kancloud.cn/pwstrick/fe-questions/2139313

https://www.cnblogs.com/strick/p/13192977.html