在 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) => stringlet 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 ={}
类型别名作用:
- 使代码更易读和易维护
- 提高代码的可重用性