typescript基础之关键字type

TypeScript的type是一个关键字,用来定义一个类型别名https://www.typescripttutorial.net/typescript-tutorial/typescript-types/。类型别名可以给一个已有的类型起一个新的名字,或者组合多个类型成为一个新的类型。例如:

// 给string类型起一个别名叫做Name

复制代码
type Name = string;

// 组合string和number类型成为一个新的类型叫做Person

复制代码
type Person = {
    name: Name;
    age: number;
};

类型别名可以让你的代码更清晰和可读,也可以避免重复写相同的类型。你可以在任何需要使用类型的地方使用类型别名,例如变量声明,函数参数,返回值等。例如:

// 使用Name类型声明一个变量

复制代码
let myName: Name = "Alice";

// 使用Person类型作为函数参数和返回值

复制代码
function greet(person: Person): string {
    return `Hello, ${person.name}!`;
}

// 使用Person类型创建一个对象

复制代码
let bob: Person = {
    name: "Bob",
    age: 25,
};
相关推荐
kyriewen18 小时前
别再对着 TypeScript 报错发呆了:我把 10 个最常见的红色波浪线翻译成了人话
前端·javascript·typescript
妙码生花1 天前
现代前端的极致性能 icon 加载方案(死磕成功版)
前端·vue.js·typescript
MonkeyKing1 天前
鸿蒙ArkTS深度剖析:ArkTS与TS/JS核心差异、静态强类型实战优势
typescript·harmonyos
Momo__3 天前
TypeScript satisfies 操作符——比 as 更安全的类型守门员
前端·typescript
Awu12274 天前
⚡从零开发 Agent CLI(四):给 CLI 装上"LLM 引擎"
typescript·ai编程·claude
假如让我当三天老蒯5 天前
TypeScript 继续学习(学习用)
前端·面试·typescript
糖拌西瓜皮6 天前
Node.js工程化实践:包管理、TypeScript配置与代码质量
typescript·node.js
Bolt8 天前
TypeScript 7.0 来了:当 tsc 用 Go 重写之后
javascript·typescript·go
Flynt8 天前
装上TypeScript 7.0 RC之后,最让我意外不是10倍提速
typescript·visual studio code
疯狂SQL8 天前
手写高性能在线 JSON 工具|Web Worker 工程化打包 + 语法自动修复 + 多语言代码生成实战
typescript·json·next.js·web worker·前端性能优化·esbuild·源码实战