TypeScript 是一种静态类型的 JavaScript 超集,它提供了额外的类型系统和一些 ECMAScript 新特性的支持。以下是 TypeScript 的一些常见用法:
1:类型注解: TypeScript 允许在变量、函数、参数、返回值等地方添加类型注解,明确指定变量的类型。
例如:
代码语言:javascript复制let name: string = 'John';
function greet(person: string): string {
return 'Hello, ' person;
}
2:接口和类型别名: TypeScript 提供了接口和类型别名的机制,用于描述对象的结构和类型。接口用于定义对象的形状,类型别名则可以为复杂的类型创建别名。
例如:
代码语言:javascript复制interface Person {
name: string;
age: number;
}
type Point = {
x: number;
y: number;
};
3:类和继承: TypeScript 支持使用类和面向对象的编程概念。可以使用 class 关键字定义类,使用 extends 关键字实现继承。
例如:
代码语言:javascript复制class Animal {
name: string;
constructor(name: string) {
this.name = name;
}
speak(): void {
console.log('Animal speaks');
}
}
class Dog extends Animal {
speak(): void {
console.log('Dog barks');
}
}
4:泛型: TypeScript 提供泛型的支持,可以创建可重用的、类型安全的组件。通过使用泛型,可以在不同的地方使用相同的代码,但适应不同的类型。
例如:
代码语言:javascript复制function identity<T>(arg: T): T {
return arg;
}
let result = identity<string>('Hello');
5:模块化:
TypeScript 支持使用模块化的方式组织代码,可以使用 import 和 export 关键字导入和导出模块。模块化使得代码更加可维护和可重用。
例如:
代码语言:javascript复制// math.ts
export function add(a: number, b: number): number {
return a b;
}
// main.ts
import { add } from './math';
console.log(add(2, 3)); // Output: 5
这些只是 TypeScript 的一些常见用法,还有其他许多特性和用法,如枚举、装饰器、命名空间等。TypeScript 可以根据项目需求和开发者的偏好进行灵活的应用。