当前位置: 代码网 > it编程>前端脚本>Vue.js > TypeScript 中对象解构赋值时定义类型

TypeScript 中对象解构赋值时定义类型

2024年08月06日 Vue.js 我要评论
虽然能正常运行,但是实际上是把 name 属性赋值给了 string 变量,把 age 属性赋值给了 number 变量。在用 TypeScript 开发时需要解构一个对象。

在用 typescript 开发时需要解构一个对象。

常规的做法:

const { name, age } = perobj

理想中的做法:

const { name: string, age: number } = perobj

但是这样会有问题。虽然能正常运行,但是实际上是把 name 属性赋值给了 string 变量,把 age 属性赋值给了 number 变量。

正确的做法:

const { name, age }: { name: string; age: number } = perobj

最好的方式是为此类数据定义一个类型:

type person = {
  name: string
  age: number
}

const per: person = perobj

(0)

相关文章:

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。

发表评论

验证码:
Copyright © 2017-2025  代码网 保留所有权利. 粤ICP备2024248653号
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com