TypeScript入门指南
// TypeScript 入门指南
// 定义一个接口来规定对象的形状
interface Person {
name: string;
age: number;
}
// 使用接口来定义函数参数和返回值的结构
function introduce(person: Person): Person {
console.log(`My name is ${person.name} and I am ${person.age} years old.`);
return person;
}
// 使用类型别名来定义更复杂的类型
type Coordinates = {
x: number;
y: number;
};
function printCoordinates(coords: Coordinates) {
console.log(`Coordinates at x: ${coords.x}, y: ${coords.y}`);
}
// 使用类型别名来定义函数签名
type Adder = (a: number, b: number) => number;
const add: Adder = (a, b) => a + b;
// 使用类型断言来告诉TypeScript你比它更了解代码
const someValue = <string>value; // 旧式类型断言
const anotherValue = value as string; // 现代类型断言
// 使用泛型来编写可复用的组件
function identity<T>(arg: T): T {
return arg;
}
const output = identity<string>('Hello World');
这段代码展示了TypeScript中的一些基本概念,包括接口、函数使用接口作为参数和返回类型、类型别名的使用、函数类型的别名、类型断言和泛型的应用。通过这个例子,开发者可以了解到TypeScript如何增强代码的可读性和可维护性。
评论已关闭