TypeScript keyof 用法

keyof是索引类型查询操作符。

假设T是一个类型，那么keyof T产生的类型是T的属性名称字符串字面量类型构成的联合类型。

特别说明:T是数据类型，并非数据本身。

代码实例如下:

[typescript] 纯文本查看 复制代码

interface Itest{

webName:string;

age:number;

address:string

}

type ant=keyof Itest;

代码在编辑器截图如下:

如果T是一个带有字符串索引签名的类型，那么keyof T是string类型，并且T[string]为索引签名的类型。

代码实例如下:

[typescript] 纯文本查看 复制代码

interface Map<T> {

[key: string]: T;

}

let keys: keyof Map<number>;//string

let value: Map<number>['antzone'];//number

在编辑器截图如下:

TypeScript keyof 用法相关推荐

一个 TypeScript keyof 泛型用法
平时工作自认为有 Swift Rust 经验, 所以不需要看 TypeScript 泛型方面的应用, 总以为大同小异, 拒绝看文档学语言, 从我做起. 今日看到一个用上泛型的 pluck 函数 fun ...
typescript keyof 和 typeof 用法
typeof 操作符可以用来获取一个变量或对象的类型 const states = {name: 1,block: () => {return '123'}, }同一个类型的数据,直接获取它的类 ...
【TS】10 多个 TypeScript 高级用法总结
本文主要介绍 TypeScript 的高级用法,适用于对 TypeScript 已经有所了解或者已经实际用过一段时间的同学,分别从类型.运算符.操作符.泛型的角度来系统介绍常见的 TypeScript ...
TypeScript 高级用法总结
本文主要介绍 TypeScript 的高级用法,适用于对 TypeScript 已经有所了解或者已经实际用过一段时间的同学,分别从类型.运算符.操作符.泛型的角度来系统介绍常见的 TypeScript ...
TypeScript接口用法（基础）
接口作用:定义契约(如类型命名.属性检查.函数类型定义等) 1. 类型命名 interface LwhValue {l: number,w: number,h: number, }function ...
typescript parseint不能传number_Typescript 使用日志
Typescript 使用日志最近这两年,有很多人都在讨论 Typescript,无论是社区还是各种文章都能看出来,整体来说正面的信息是大于负面的,这篇文章就来整理一下我所了解的 Typescrip ...
Typescript 史上最强学习入门文章 ( 2w 字)
前言这篇文章参考了很多文章以及看了一些ts视频,然后把基础的知识点全部总结了一下.感觉比掘金上的所有typescript入门的热门文章都要详细 ,因为那些热门文章我全部都参考了,内容基本都包含了.这 ...
2021 typescript史上最强学习入门文章(4w字)
前言这篇文章出自掘金作者:Jimmy_kiwi 本来自己以前是不喜欢ts的,因为它有一定的学习成本,代码量增加,代码复杂度增加等.后来慢慢觉得,ts的静态检查使得开发者提前发现错误,在前端工程化开发 ...
javascript实战pdf_《TypeScript开发实战》总结
<TypeScript开发实战>是极客时间上的课程,是由搜狗营销事业部高级架构师的梁宵老师出品,总共47章,涵盖了TypeScript所有用法,以及我们如何在实战中应用TS.本课程还覆盖了 ...
让前端的子弹飞-TypeScript
" Any application that can be written in JavaScript,will eventually be written in JavaScript. & ...

TypeScript keyof 用法

TypeScript keyof 用法相关推荐

最新文章

热门文章