typescript typeof操作符-Toy模板网

这篇具有很好参考价值的文章主要介绍了typescript typeof操作符。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

ts typeof 操作符简介

在TypeScript中，typeof是一个操作符，用于获取一个值的类型。它可以与任何值一起使用，并返回一个描述该值类型的字符串。

typeof操作符在TypeScript中的用法与JavaScript中的用法非常相似。

如下,众所周知,在js中提供了typeof 操作符用来在js中获取数据的类型
typescript typeof操作符,typescript,typescript,javascript,ts typeof操作符,ts typeof 操作符详解,typeof详解,typeof 使用场景,js与ts typeof区别
tpyescript 中的typeof操作符和js的typeof操作符大体上一样,但ts的typeof操作符多了一些别的使用场景可以在类型上下文中引用变量或属性的类型(类型查询)

typeof 操作符js使用方式

示例如下

let num: number = 5;
console.log(typeof num); // 输出 "number"  

let str: string = "Hello";
console.log(typeof str); // 输出 "string"  

let arr: number[] = [1, 2, 3];
console.log(typeof arr); // 输出 "object"  

let obj: { name: string; age: number } = { name: "John", age: 25 };
console.log(typeof obj); // 输出 "object"  

let bool: boolean = true;
console.log(typeof bool); // 输出 "boolean"  

let undef;
console.log(typeof undef); // 输出 "undefined"  

let nullVal: null = null;
console.log(typeof nullVal); // 输出 "object"  

let func: () => void = () => { };
console.log(typeof func); // 输出 "function"

上面的示例中可以看到，typeof操作符可以正确地返回各种不同类型的字符串表示。注意，对于数组和对象，typeof操作符返回的是"object"，因为在JavaScript和TypeScript中，数组和对象都是特殊的对象类型。另外，对于函数类型，typeof返回的是"function"。

typescript typeof操作符,typescript,typescript,javascript,ts typeof操作符,ts typeof 操作符详解,typeof详解,typeof 使用场景,js与ts typeof区别

typeof 在类型上下文中使用类型查询

使用场景,根据已有变量的值,获取该值的类型,来简化书写
示例如下

let q = { x: 1, y: 2 }

function format(q: { x: number, y: number }) { }

format(q)

我们已经拥有变量q的类型了,就没必要再次写一遍了,可以利用typeof简化书写

function format(a:typeof q){} //相当于告诉编译器,变量a的类型约束为 变量q的类型

tips :
typeof操作符在TypeScript中只能用于运行时类型检查，而不能用于编译时类型检查。因此，它不能用于确定变量的静态类型。在编译时，TypeScript编译器已经具备了强大的类型检查功能，无需使用typeof操作符来进行类型检查。文章来源地址https://www.toymoban.com/news/detail-834549.html

到了这里，关于typescript typeof操作符的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！