TypeScript 对象结构

对象结构

TypeScript对象结构是声明变量并赋值的另一种方法，比如下方的实例：

let obj = {
    Name: "笨鸟工具",
    DNS: "x1y1z1.com"
};
let {Name, DNS} = obj
//相当于
let Name = obj.Name;
let DNS = obj.DNS;

如果不声明变量直接赋值，可以用"()"将表达式包裹起来，如：

( {name, age} = { name:"小明",age:20} )

如果要指定变量的类型，可以用“:”

let {name, DNS}: {name:string, b:string} = obj

同解构数组类似，可以使用“...”的前缀来声明剩余变量：

let obj2 = {
    x: 1,
    y: 2,
    z: 3
}
let {x, ...Y} = obj2
console.log(x) //1
console.log(Y.y+Y.z) //5

属性重命名：

let {x: newName1, y:newName2} = obj2

默认值

将下方的代码通过tsc命令编译之后，将生成的js代码，嵌入html文档，然后运行该文档，弹出的窗口得到的值为6：

let obj = {
    x:1,
    y:undefined,
    z:3
}
let {x,y=5} = obj
alert(x+y)

hot：热门