Open mqyqingfeng opened 2 years ago
举个例子:比如搭配 TypeScript 内置的 ReturnTypep
写的好仔细 每天学习一篇
写的好仔细 每天学习一篇
@NameWjp 感谢勘误,已更正~
@zhijunw 感谢~ 主要是原文的文档写的好,哈哈
大佬问下这个问题 enum UserResponse { No = '0', Yes = '1', } // 如果是数字枚举result 类型类似于:
// { // "No": number, // "YES": number // }
// 如果是字符串枚举应该会是什么样呢? let a = UserResponse.Yes type result = typeof a; let de: result = '1' // 为什么不能赋值?
这个题目想考察哪个知识点
@mqyqingfeng // Ps:也是在严格模式下的
// result的类型应该类似于:
{
"No": 0,
"YES": 1
}
前言
TypeScript 的官方文档早已更新,但我能找到的中文文档都还停留在比较老的版本。所以对其中新增以及修订较多的一些章节进行了翻译整理。
本篇整理自 TypeScript Handbook 中 「Typeof Type Operator」 章节。
本文并不严格按照原文翻译,对部分内容也做了解释补充。
typeof
类型操作符(Thetypeof
type operator)JavaScript 本身就有
typeof
操作符,你可以在表达式上下文中(expression context)使用:而 TypeScript 添加的
typeof
方法可以在类型上下文(type context)中使用,用于获取一个变量或者属性的类型。如果仅仅用来判断基本的类型,自然是没什么太大用,和其他的类型操作符搭配使用才能发挥它的作用。
举个例子:比如搭配 TypeScript 内置的
ReturnType<T>
。你传入一个函数类型,ReturnType<T>
会返回该函数的返回值的类型:如果我们直接对一个函数名使用
ReturnType
,我们会看到这样一个报错:这是因为值(values)和类型(types)并不是一种东西。为了获取值
f
也就是函数f
的类型,我们就需要使用typeof
:限制(Limitations)
TypeScript 有意的限制了可以使用
typeof
的表达式的种类。在 TypeScript 中,只有对标识符(比如变量名)或者他们的属性使用
typeof
才是合法的。这可能会导致一些令人迷惑的问题:我们本意是想获取
msgbox("Are you sure you want to continue?")
的返回值的类型,所以直接使用了typeof msgbox("Are you sure you want to continue?")
,看似能正常执行,但实际并不会,这是因为typeof
只能对标识符和属性使用。而正确的写法应该是:(注:原文到这里就结束了)
对对象使用
typeof
我们可以对一个对象使用
typeof
:对函数使用
typeof
我们也可以对一个函数使用
typeof
:对 enum 使用
typeof
在 TypeScript 中,enum 是一种新的数据类型,但在具体运行的时候,它会被编译成对象。
对应编译的 JavaScript 代码为:
如果我们打印一下
UserResponse
:而如果我们对
UserResponse
使用typeof
:不过对一个 enum 类型只使用
typeof
一般没什么用,通常还会搭配keyof
操作符用于获取属性名的联合字符串:TypeScript 系列
TypeScript 系列文章由官方文档翻译、重难点解析、实战技巧三个部分组成,涵盖入门、进阶、实战,旨在为你提供一个系统学习 TS 的教程,全系列预计 40 篇左右。点此浏览全系列文章,并建议顺便收藏站点。
微信:「mqyqingfeng」,加我进冴羽唯一的读者群。
如果有错误或者不严谨的地方,请务必给予指正,十分感谢。如果喜欢或者有所启发,欢迎 star,对作者也是一种鼓励。