首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

深度讲解TS:这样学TS,迟早进大厂【08】:对象的类型—接口

TS系列地址: 21篇文章带你玩转ts # 对象的类型——接口 在 TypeScript 中,我们使用接口(Interfaces)来定义对象的类型。...index type 'string'. // index.ts(7,5): error TS2322: Type '{ [x: string]: string | number; name: string...另外,在报错信息中可以看出,此时 { name: 'Tom', age: 25, gender: 'male' } 的类型被推断成了 { [x: string]: string | number; name...注意,只读的约束存在于第一次对象赋值的时候,而不是第一次只读属性赋值的时候: interface Person { readonly id: number; name: string...上例中,报错信息有两处,第一处是在对 tom 进行赋值的时候,没有 id 赋值。 第二处是在给 tom.id 赋值的时候,由于它是只读属性,所以报错了。 参考§ Interfaces(中文版)

60610
您找到你想要的搜索结果了吗?
是的
没有找到

TypeScript学习笔记(二)—— TypeScript基础

index type 'string'. // index.ts(7,5): error TS2322: Type '{ [x: string]: string | number; name: string...注意,只读的约束存在于第一次对象赋值的时候,而不是第一次只读属性赋值的时候: interface Person { readonly id: number; name: string...上例中,报错信息有两处,第一处是在对 tom 进行赋值的时候,没有 id 赋值。 第二处是在给 tom.id 赋值的时候,由于它是只读属性,所以报错了。... Animal 类型的 animal 了——就像面向对象编程中我们可以将子类的实例赋值类型为父类的变量。...则会报错,不允许将 animal 赋值为 Cat 类型的 tom。 这很容易理解,Animal 可以看作是 Cat 的父类,当然不能将父类的实例赋值类型为子类的变量。

5K20

TypeScript 对象的类型-接口

一、什么是接口 在 TypeScript 中,我们使用接口(Interfaces)来定义对象的类型 接口是一系列抽象方法的声明,是一些方法特征的集合,第三方可以通过这组抽象方法调用,让具体的类执行具体的方法...}; 使用 [propName: string] 定义了任意属性取 string 类型的值 需要注意的是,一旦定义了任意属性,那么确定属性和可选属性的类型都必须是它类型的子集: interface Person...index type 'string'. // index.ts(7,5): error TS2322: Type '{ [x: string]: string | number; name: string...上例中,使用 readonly 定义的属性 id 初始化后又被赋值,所以报错 注意,只读的约束存在于第一次对象赋值的时候,而非第一次只读属性赋值的时候: interface Person {...上例中,报错信息有两处: 1、在对 faker 进行赋值的时候,没有 id 赋值 2、在给 faker.id 赋值的时候,由于它是只读属性,所以报错了 五、联合类型和接口 以下实例演示了如何在接口中使用联合类型

3.3K10

开心的档之TypeScript 变量声明

除了下划线 _ 和美元 $ 符号外,不能包含其他特殊字符,包括空格。变量名不能以数字开头。变量使用前必须先声明,我们可以使用 var 来声明变量。...遵循强类型,如果将不同的类型赋值变量会编译错误,如下实例:var num:number = "hello" // 这个代码会编译错误----类型断言(Type Assertion)类型断言可以用来手动指定一个值的类型...:1----类型推断当类型没有给出时,TypeScript 编译器利用类型推断来推断类型。...如果由于缺乏声明而不能推断出类型,那么它的类型被视作默认的动态 any 类型。...注意变量声明没有指定类型。因此,程序使用类型推断来确定变量的数据类型,第一次赋值为 2,num 设置为 number 类型。第三行代码,当我们再次为变量设置字符串类型的值时,这时编译会错误。

76830

开心档之TypeScript 变量声明

除了下划线 _ 和美元 $ 符号外,不能包含其他特殊字符,包括空格。 变量名不能以数字开头。 变量使用前必须先声明,我们可以使用 var 来声明变量。...遵循强类型,如果将不同的类型赋值变量会编译错误,如下实例: var num:number = "hello" // 这个代码会编译错误 ---- 类型断言(Type Assertion) 类型断言可以用来手动指定一个值的类型...; 执行输出结果为: 1 ---- 类型推断 当类型没有给出时,TypeScript 编译器利用类型推断来推断类型。...如果由于缺乏声明而不能推断出类型,那么它的类型被视作默认的动态 any 类型。...注意变量声明没有指定类型。因此,程序使用类型推断来确定变量的数据类型,第一次赋值为 2,num 设置为 number 类型。 第三行代码,当我们再次为变量设置字符串类型的值时,这时编译会错误。

77420

开心档之TypeScript 变量声明

除了下划线 _ 和美元 $ 符号外,不能包含其他特殊字符,包括空格。 变量名不能以数字开头。 变量使用前必须先声明,我们可以使用 var 来声明变量。...遵循强类型,如果将不同的类型赋值变量会编译错误,如下实例: var num:number = "hello" // 这个代码会编译错误 ---- 类型断言(Type Assertion) 类型断言可以用来手动指定一个值的类型...; 执行输出结果为: 1 ---- 类型推断 当类型没有给出时,TypeScript 编译器利用类型推断来推断类型。...如果由于缺乏声明而不能推断出类型,那么它的类型被视作默认的动态 any 类型。...注意变量声明没有指定类型。因此,程序使用类型推断来确定变量的数据类型,第一次赋值为 2,num 设置为 number 类型。 第三行代码,当我们再次为变量设置字符串类型的值时,这时编译会错误。

56010

深度讲解TS:这样学TS,迟早进大厂【07】:联合类型

初学者玩转 TypeScript系列,总计 21 期,点赞、收藏、评论、关注、三连支持!...: string | number; myFavoriteNumber = true; // index.ts(2,1): error TS2322: Type 'boolean' is not assignable...这里的 let myFavoriteNumber: string | number 的含义是,允许 myFavoriteNumber 的类型string 或者 number,但是不能是其他类型。...访问联合类型的属性或方法§ 当 TypeScript 不确定一个联合类型的变量到底是哪个类型的时候,我们只能访问此联合类型的所有类型里共有的属性或方法: function getLength(something...(); } 联合类型的变量在被赋值的时候,会根据类型推论的规则推断出一个类型: let myFavoriteNumber: string | number; myFavoriteNumber = 'seven

61130

TypeScript进阶

注意:与声明不赋值区分,声明不赋值会设为任意值类型:any 类型推论(Type Inference)是指编程语言在编译期中能够自动推导出值的数据类型的能力,它是一些强静态类型语言的特性。...let myFavoriteNumber: string | number; //允许 myFavoriteNumber 的类型string 或者 number,但是不能是其他类型。...// 但访问 string 和 number 的共有属性不会报错,如:return something.toString(); 当联合类型的变量在被赋值的时候,会根据类型推论的规则推断出一个类型,此时访问该类型的属性不会报错...定义只读属性(只读的约束存在于第一次对象赋值的时候,而不是第一次只读属性赋值的时候) interface Person { readonly id: number; name: string...Typescript 允许接口继承多个接口。 继承使用关键字 extends。

94920

TS 从 0 到 1 - 泛型进阶

但这个函数并不是可以扩展或通用的。 虽然可以使用 any 解决通用性问题,但那就失去了定义应该返回那种类型的能力,并且也使编译器失去了类型保护的作用。...// 若 T 能赋值 U 那么类型X,否则是 Y T extends U ?...如,never 类型是那些总是会抛出异常或根本就不会有返回值的函数表达式或箭头表达式的返回值类型。 没有类型是 never 的子类型或可以赋值 never 类型(除了 never 本身)。...everyday" }); # Record Record 作用是将 K 中所有的属性的值转化为 T 类型 定义 type Record<K extends...定义 // 如果 T 能赋值 U,那么就会返回 never 类型,否则返回 T 类型 // 最终实现的效果就是将 T 中某些属于 U 的类型移除掉 type Exclude = T extends

70120

Typescript学习笔记,从入门到精通,持续记录

基础入门 Typescript可以理解为带静态类型的Javascript; 小贴士 Ts同样有着先声明后赋值、声明的同时赋值这些操作; 1.原始数据类型 布尔值,boolean...声明的同时赋值*/ let b: string = "aaa"; /*类型推论*/ let c = false; c = 1; //报错,类型推论得出c为布尔值 类型推论 TypeScript...如果定义的时候有赋值类型就会被推断为这个值得类型; 如果定义的时候没有赋值,不管之后有没有赋值,都会被推断成 any 类型而完全不被类型检查 2.任意值(any) 如果是一个普通类型,在赋值过程中改变类型是不被允许的...只读的约束存在于第一次对象赋值的时候,而不是第一次只读属性赋值的时候 5.数组的类型 //最简单的方法是使用「类型 + 方括号」来表示数组 let fibonacci: number[] = [1,...let tom: [string, number] = ['Tom', 25]; 枚举(Enum)类型用于取值被限定在一定范围内的场景,比如一周只能有七天,颜色限定为红绿蓝等,也可以枚举项手动赋值:。

1.9K50

TypeScript 高级类型总结(含代码案例)

TypeScript 是一种类型化的语言,允许你指定变量、函数参数、返回的值和对象属性的类型。 以下是 TypeScript 高级类型的使用方法总结,而且带有例子。...在例子中传入两个参数:T 和 U,然后将它们用作属性的类型注释。也就是说,我们现在可以这个该接口并提供两个不同的类型作为参数。...而且如果省略掉属性的话TypeScript 将会引发错误。 Readonly Readonly 这个类型会对所有类型为 T 的属性进行转换,使它们无法被重新赋值。...>) { args.id = 4 console.log(args) } showType({ id: 1, name: "Doe" }) // Error: 无法'id'重新赋值,因为它是只读属性...Record Record Record 可以帮你构造一个类型,该类型具有给定类型 T 的一组属性 K。当把一个类型的属性映射到另一个类型时,用 Record 非常方便。

1.2K10

让你更好使用 Typescript 的11个技巧

相反,将其想象成集合会更容易推导出正确的行为: 每种类型都是值的集合 有些集合是无限的,如 string、object;有些是有限的,如 boolean、undefined,... unknown 是通用集合...function foo(x: string | number) { if (typeof x === 'string') { // x类型被缩小为字符串,所以.length是有效的...默认情况下,当typescript遇到一个联合类型(这里是string | number)的通用参数(这里是T)时,它会分配到每个组成元素,这就是为什么这里会得到string[] | number[]。...这种技术背后的理由是,never 类型除了 never 之外不能赋值任何东西。...控制推断的类型通用性或特殊性 在进行类型推理时,Typescript使用了合理的默认行为,其目的是使普通情况下的代码编写变得简单(所以类型不需要明确注释)。有几种方法可以调整它的行为。

1K20
领券