木灵鱼儿

木灵鱼儿

阅读：201

最后更新：2023/02/10/ 0:42:49

类型守卫：判断某个key是某个对象的合法key值

/** 类型守卫：key是否是指定对象的属性 */
function isLanguageKey(key: string, object: Object): key is keyof typeof object {
  return Object.prototype.hasOwnProperty.call(object, key);
}

这个一般用于对象object是其他人提供的，但是我们知道它一定会有某个key值，但是由于这个object它被类型推断为已知key的类型，比如：

{
  title: "xxx",
  age: "xxx"
}

当我们使用一个string类型的key去获取它的值的时候，注意是string类型，就会得到一个any的返回值，事实上这个key就是tiltle或者age，但是ts无法正确推断出来这个值，因为key不是具体的title或者age，而是一个广泛的string类型的key。

所以我们通过一个方法去判断这个key是否是属于这个对象的，然后再函数的返回类型里使用is去判断一个变量是否是后面的类型（keyof typeof object）。

is一般用在函数的返回值那块。

typeof可以自动拿到object形参的类型，通过keyof拿到类型的所有key。

文章分类 TypeScript
文章标签 is类型守卫keyoftypeof
木灵鱼儿

木灵鱼儿

发布了 718 篇文章获得点赞 22获得阅读 201

版权申明

本文系作者 @木灵鱼儿 原创发布在木灵鱼儿 - 有梦就能远航站点。未经许可，禁止转载。

one
two
three

关于作者

站点职位 博主
获得点赞 22
文章被阅读 201

相关文章

利用原生css实现hash哈希定位跳转偏移量处理利用原生css实现hash哈希定位跳转偏移量处理
ts实战：给没有类型声明的第三方库编写一个类型声明文件ts实战：给没有类型声明的第三方库编写一个类型声明文件
利用发布订阅模式封装一个IntersectionObserver利用发布订阅模式封装一个IntersectionObserver
typecho 自定义分类和分类高亮处理typecho 自定义分类和分类高亮处理
ts封装一个localStorage和sessionStorage的类ts封装一个localStorage和sessionStorage的类

目录树