TS 中 any 和 unknown 的区别

本文探讨了 TypeScript 中 any 和 unknown 类型的区别。any 类型允许赋值给任何类型,绕过类型检查,可能导致运行时错误。而 unknown 类型作为所有类型的父类型,需要经过类型判断后才能使用,提高了代码安全性。通过示例,解释了如何使用 unknown 更好地确保类型安全,避免潜在问题。
摘要由CSDN通过智能技术生成

在 TypeScript 中, 如果有一个场景,不太好定义类型,但是你自己知道你在做什么,你自己知道它类型肯定是什么,这个时候可能就会忍不住使用 any。如果你有类似的经历,你应该会理解我的意思,没有的话也没关系,我们来看一个具体的例子:

interface User {
    name: string
}


function foo(user: User) {
    console.log('hello, ' + user.name);
}
复制代码

上面的 foo 函数接受一个 User 类型的对象,并在运行的时候打印出它的 name 属性的值。

如果后端给予我们一个 JSON 字符串,在调用 foo 函数之前,我们要先反序列化一下:

// 假设这是后端给的数据
const userData = JSON.stringify({name: 'Jany'}) 

const user = JSON.parse(
   userData
);
复制代码

接下来我们就可以正常调用了:

foo(user) // hello, Jany
复制代码

由于 JSON.parse 方法是 JS 中的一个方法,并不是强类型的,当我们查看 user 的类型的时候,会发现是 any 类型的:

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值