析构表达式

1.基本用法

function getstock() {
    return {
        code: "boe"
        price:4.75
    }
}
var { code, price } = getstock();
console.log(code)
console.log(price)

可以将字典的值 赋值给code  price两个变量，特别提示{}中的变量名字 要和key值一样 ，如果不一致就会打印undefine,结果如下

如果想名字不一样 续添加如下下代码 将code值 赋值给xcode变量

var { code:xcode, price } = getstock();
console.log(xcode)
console.log(price)

2.嵌套问题 析构表达式解析

function getstock() {
    return {
        code: "boe",
        price: {
            price1: 100,
            price2: 200
        }
    }
}
var { code, price:{price1} } = getstock();
console.log(code)
console.log(price1)

通过两层嵌套 可以取到price1 price2的值 log如下

3.析构表达式应用于数组

var Arraytest = [1, 2, 3, 4];

var [number1, number2] = Arraytest

console.log(number1)
console.log(number2)

var [, , number3, number4] = Arraytest
console.log("-------")
console.log(number3)
console.log(number4)

数组中的使用 把数组对应的值赋值给变量，如果想取后两个，前面的可以用,号补位，例如拿numer3 4可以取到对应的数值，输出结果如下