在 JavaScript 中,类型别名是一种自定义类型的方式,通过关键字 `type` 来创建。它允许你为现有的类型提供一个更具描述性的名称,从而增强代码的可读性和可维护性。类型别名通常与联合类型(Union Types)或交叉类型(Intersection Types)结合使用,以创建更复杂的类型。
1️⃣普通使用
我们可以简单的给username用到的string类型设置未userName
type userName = string
也可以使用联合类型命名一个可能是string也可能是string[ ]的类型
type studentName = string | stirng[ ]
2️⃣更常使用到的地方是,给对象定义类型
比如 给“学生”类型student起别名
type student = {
name:string,
age:number
}
let statichit:student ={
name:"statichit",
age:21
}
这里也可以使用接口中的描述属性比如?或readonly
3️⃣定义函数
type fn = (name: string, age: number) => string
let fn1: fn = function (name: string, age: number): string {
return "xxx"
}
let fn2: fn = (name: string, age: number): string => "xxx"
在函数中使用
(有点像java中的类)
// 定义类型别名
type UserID = string;
type UserName = string;
type User = {
id: UserID;
name: UserName;
};
// 使用类型别名
function printUserInfo(user: User) {
console.log(`ID: ${user.id}, Name: ${user.name}`);
}
// 创建用户对象并传递给函数
const currentUser: User = {
id: '123',
name: 'John Doe'
};
printUserInfo(currentUser);
这里我们很容易发现,它和interface有点像,那么他们之间有什么区别么
type与interface的区别
1.interface可以继承 type 只能通过 & 交叉类型合并
interface I1{
name: string
}
interface I2 extends I1{
age: string
}
type T1 = {
name: string
}
type T2 = {
age: number
}
let t:T1&T2 = {
name:"张三",
age: 12
}
2. type 可以定义 联合类型 和 可以使用一些操作符 interface不行
type nameType = string|string[]
interface只能以对象形式定义内容
3. interface 遇到重名的会自动合并 type 不行
interface A1 {
name: string
}
// 遇到相同的会合并
interface A1{
age: number
}
let a1:A1={
name:"A1",
age: 13
}
type A1 = {
name: string
}
// 会直接报错
type A1 ={
}
类型别名作用:
- 使代码更易读和易维护
- 提高代码的可重用性