在 TypeScript 中,类型别名(Type Aliases)是一种给现有类型起别名的方式。它可以帮助提高代码的可读性和可维护性,尤其是当你需要使用复杂或重复的类型注解时。
基本使用
// 类型别名 type
type N1 = (number | string | boolean)
let timer:N1[] = [12, 34, '君不见', false]
console.log(timer)
本段代码使用了类型别名
N1
来表示一个可以是number
、string
或者boolean
类型的联合类型。接下来,声明了一个名为timer
的数组变量,其元素的类型为N1[]
,即N1
类型的数组。在初始化
timer
数组时,使用了不同类型的值,包括12
(number
类型)、34
(number
类型)、'君不见'
(string
类型)和false
(boolean
类型)。最后,使用
console.log(timer)
打印了timer
数组。根据以上代码逻辑,类型注解和初始化值的结合是正确的,不会引发类型错误。如果
timer
数组的内容符合类型别名N1
的定义,那么它将被编译器接受。文章来源:https://www.toymoban.com/news/detail-534997.html
函数类型的使用文章来源地址https://www.toymoban.com/news/detail-534997.html
// 函数类型
// 普通函数注解
function add(a:number ,b:number):number {
return a + b
}
// 箭头函数注解
let addFn = (a:number ,b:number):number => {
return a * b
}
// 函数注解 + 类型别名
type Fn = (a:number ,b:number) => number
let add2:Fn = (a, b) => {
return a + b
}
let addFn2:Fn = (a, b) => {
return a * b
}
console.log(add(12, 13), addFn(2, 3), add2(12, 13), addFn2(2, 3))
到了这里,关于TypeScript 类型别名(Type Aliases)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!