TypeScript12(类型推论和类型别名)

类型推论

类型推论主要存在以下两种情况:

1.声明了一个变量但是没有定义类型

let str = '小剑'
// 当把123赋值给str时会报错
str = 123

当出现这种情况,代码编辑器会报错,因为TS帮我们推断的类型是string,不能将其他的类型数据

赋值给string类型,如赋值会出现如下报错

 2.声明变量没有定义类型也没有赋值这时候TS会推断成any类型可以进行任何操作

let xiaojian

xiaojian = 123
xiaojian = '小剑'
xiaojian = []

类型别名

type 关键字(可以给一个类型定义一个名字)多用于符合类型,主要还是用于简化代码的编写

定义类型别名

// 类型别名
type s = string
let str:s = '小剑'

定义联合类型别名

// 类型别名+联合类型
type s = string | number
let str:s = '小剑'
let num:s = 123

定义函数类型别名

// 函数式类型别名
type cb = () => string
const fn:cb = () => '小剑'

定义值得类型别名

// 值得类型别名
// 变量value的值只能是T中定义的值,否则会报错
type T = boolean | 0 | '123'
let value:T = '123'

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
TypeScript 中的接口和类型别名都可用于定义类型,但在一些情况下,它们有不同的使用场景。 接口用于描述对象的形状,可以用来定义对象的属性、方法和方法的参数类型。例如: ```typescript interface Person { name: string; age: number; sayHello: () => void; } const person: Person = { name: 'Tom', age: 18, sayHello() { console.log(`Hello, my name is ${this.name}`); } }; ``` 类型别名用于给一个类型定义一个新的名字,可以用来定义基本类型、联合类型、交叉类型等。例如: ```typescript type Age = number; type Name = string; type Person = { name: Name; age: Age; }; const person: Person = { name: 'Tom', age: 18, }; ``` 需要注意的是,接口和类型别名都可以用于描述函数类型: ```typescript interface Add { (a: number, b: number): number; } type Sub = (a: number, b: number) => number; const add: Add = (a, b) => a + b; const sub: Sub = (a, b) => a - b; ``` 但是,接口和类型别名在描述函数类型时有所不同。接口可以描述函数的可选参数、默认参数和剩余参数,而类型别名则不能。例如: ```typescript interface Func { (a: number, b?: number, ...rest: number[]): void; } type FuncAlias = (a: number, b?: number, ...rest: number[]) => void; const func: Func = (a, b, ...rest) => { console.log(a, b, rest); }; const funcAlias: FuncAlias = (a, b, ...rest) => { console.log(a, b, rest); }; ``` 因此,在需要描述函数类型时,建议优先使用接口。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值