TypeScript一些常见的类型申明语法写法

TypeScript 的类型声明语法主要用于指定变量、函数参数、函数返回值等的类型。这些语法形式帮助 TypeScript 提供静态类型检查和编辑器支持,从而增强代码的可读性和可维护性。下面是一些常见的类型声明语法写法:

变量和常量类型声明

typescript 复制代码
let variableName: Type;
const constantName: Type = value;

函数参数类型声明

typescript 复制代码
function functionName(parameterName: Type): ReturnType {
    // 函数体
}

函数返回类型声明

在函数参数列表之后使用 : 后跟类型来声明函数的返回类型。

typescript 复制代码
function functionName(parameterName: Type): ReturnType {
    // 函数体
}

接口声明

接口(Interfaces)用于定义对象的结构。

typescript 复制代码
interface InterfaceName {
    propertyName: Type;
    optionalPropertyName?: Type;
}

类型别名声明

类型别名(Type Aliases)允许给一个类型起一个新名字。

typescript 复制代码
type TypeName = Type;

泛型声明

泛型(Generics)允许在定义函数、接口或类的时候不预先指定具体的类型,而在使用的时候再指定类型的一种特性。

typescript 复制代码
function functionName<T>(arg: T): T {
    // 函数体
}

interface InterfaceName<T> {
    // 接口定义
}

class ClassName<T> {
    // 类定义
}

枚举声明

枚举(Enums)用于定义一组命名的常数。

typescript 复制代码
enum EnumName {
    FirstValue,
    SecondValue,
    // etc.
}

元组声明

元组(Tuples)用于表示一个已知元素数量和类型的数组,各元素的类型不必相同。

typescript 复制代码
let tupleName: [Type1, Type2] = [value1, value2];

联合类型和交叉类型声明

联合类型(Union Types)允许一个值是几种类型之一,交叉类型(Intersection Types)则是将多个类型合并为一个类型。

typescript 复制代码
let unionVariable: Type1 | Type2;
let intersectionVariable: Type1 & Type2;

类型断言

类型断言(Type Assertions)用于告诉编译器,开发者已经知道了关于变量的类型信息。有两种语法:

typescript 复制代码
let someValue: any = "this is a string";
let strLength: number = (<string>someValue).length; // 尖括号语法
let strLengthAs: number = (someValue as string).length; // as语法

映射类型声明

映射类型(Mapped Types)通过现有的类型创建新类型的方式,它可以遍历现有类型的属性。

typescript 复制代码
type Readonly<T> = { readonly [P in keyof T]: T[P]; }

条件类型声明

条件类型(Conditional Types)根据条件选择类型。

typescript 复制代码
type NonNullable<T> = T extends null | undefined ? never : T;

这些是 TypeScript 中常用的类型声明语法写法,通过这些语法,开发者可以在编写 TypeScript 代码时明确指定变量、参数、返回值等的类型,以利用 TypeScript 提供的静态类型检查和其他特性。

相关推荐
We་ct10 小时前
LeetCode 289. 生命游戏:题解+优化,从基础到原地最优
前端·算法·leetcode·矩阵·typescript
We་ct12 小时前
LeetCode 383. 赎金信:解题思路+代码解析+优化实战
前端·算法·leetcode·typescript
D11_12 小时前
[特殊字符]️ 5379工具箱 - 全部网站链接汇总
服务器·百度·阿里云·typescript·编辑器
敲敲了个代码13 小时前
从N倍人力到1次修改:Vite Plugin Modular 如何拯救多产品前端维护困境
前端·javascript·面试·职场和发展·typescript·vite
VT.馒头1 天前
【力扣】2625. 扁平化嵌套数组
前端·javascript·算法·leetcode·职场和发展·typescript
San30.1 天前
从零构建坚固的前端堡垒:TypeScript 与 React 实战深度指南
前端·react.js·typescript
VT.馒头2 天前
【力扣】2694. 事件发射器
前端·javascript·算法·leetcode·职场和发展·typescript
止观止2 天前
像三元表达式一样写类型?深入理解 TS 条件类型与 `infer` 推断
前端·typescript
We་ct2 天前
LeetCode 73. 矩阵置零:原地算法实现与优化解析
前端·算法·leetcode·矩阵·typescript
We་ct2 天前
LeetCode 48. 旋转图像:原地旋转最优解法
前端·算法·leetcode·typescript