析构表达式

最新推荐文章于 2020-07-20 10:13:36 发布

MIKE-zi

最新推荐文章于 2020-07-20 10:13:36 发布

阅读量147

点赞数

分类专栏： typescript入门文章标签： typescrist花括号析构表达式

本文链接：https://blog.csdn.net/lee727n/article/details/107410393

版权

本文介绍了TypeScript中的析构表达式，包括基本用法，如何将字典值赋给不同变量，以及在嵌套结构和数组中的应用。在基本用法中，强调了析构表达式要求变量名与字典键匹配。在嵌套问题中，展示了如何通过两层析构获取嵌套数据的值。最后，讨论了析构表达式在数组中的应用，包括如何取数组特定位置的值。

摘要由CSDN通过智能技术生成

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如下