当前位置：首页 > backend >正文

数据类型与推断：TypeScript 的基础

backend 2025/7/16 20:37:39

TypeScript 是一种强类型的编程语言，它支持多种数据类型，并且具有强大的类型推断能力。以下是 TypeScript 中常见的数据类型及其使用方式：

在这里插入图片描述

🤍 前端开发工程师、技术日更博主、已过CET6
🍨 阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1
🕠 牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》、《前端求职突破计划》
🍚 蓝桥云课签约作者、上架课程《Vue.js 和 Egg.js 开发企业级健康管理项目》、《带你从入门到实战全面掌握 uni-app》

基本数据类型

数字 (Number)

let num: number = 42;

字符串 (String)

let str: string = 'Hello, TypeScript!';

布尔值 (Boolean)

let isTrue: boolean = true;

数组 (Array)

let arr: number[] = [1, 2, 3];
let arr2: Array<string> = ['a', 'b', 'c'];

元组 (Tuple)

let tuple: [string, number] = ['hello', 42];

枚举 (Enum)

enum Color { Red, Green, Blue }let color: Color = Color.Red;

任意类型 (Any)

let notSure: any = 42;
notSure = 'maybe a string instead';
notSure = false; // okay, definitely a boolean

无返回值 (Void)

function warnUser(): void {
console.log('This function does not return a value.');
}

Null 和 Undefined

let u: undefined = undefined;
let n: null = null;

字面量类型

let trueValue: true = true;
let falseValue: false = false;
let specificString: 'Hello World' = 'Hello World';

类型推断

TypeScript 编译器具有强大的类型推断能力，可以根据上下文自动推断变量的类型。

let x = 3; // 推断为 number 类型
let y = 'hello'; // 推断为 string 类型

函数返回值类型推断

function add(a: number, b: number) {
return a + b; // 推断返回值为 number 类型
}

对象类型推断

let person = {
name: 'John',
age: 30
}; // 推断为 { name: string; age: number }

类型注解

虽然 TypeScript 具有类型推断能力，但在某些情况下，显式地指定类型可以提高代码的可读性和可维护性。

let age: number = 25;
let name: string = 'Alice';

联合类型 (Union Types)

联合类型表示一个值可以是几种类型之一。

let multiType: number | string = 25;
multiType = 'also can be a string';

交叉类型 (Intersection Types)

交叉类型表示一个值同时满足多种类型的约束。

interface Person {
name: string;
}interface HasAge {
age: number;
}type PersonWithAge = Person & HasAge;let person: PersonWithAge = {
name: 'John',
age: 30
};