TypeScript 总结
TypeScript 是 JavaScript 的一个超集,并且添加了一些静态类型的特性。这使得代码的可读性和可维护性得到了提高,并可以在编译时发现一些错误。
以下是一些 TypeScript 的关键概念和语法示例:
- 基本类型:
let isDone: boolean = false;
let count: number = 10;
let name: string = "Alice";
- 数组类型:
let list: number[] = [1, 2, 3];
let list: Array<number> = [1, 2, 3];
- 元组类型(当你想要明确数组中每个位置的元素类型):
let x: [string, number];
x = ['hello', 10]; // OK
x = [10, 'hello']; // Error
- 枚举类型(当你需要为数值类型定义一些有意义的名字):
enum Color {
Red = 1,
Green = 2,
Blue = 4
}
let colorName: string = Color[2];
console.log(colorName); // 输出 'Green'
- 任意类型(当你不关心类型):
let notSure: any = 10;
notSure = "I am not sure";
notSure = false; // OK
- 空类型(当你想要明确一个变量可能没有值):
let u: undefined = undefined;
let n: null = null;
- 函数类型:
let add = (x: number, y: number): number => {
return x + y;
};
- 类类型:
class Person {
name: string;
constructor(name: string) {
this.name = name;
}
greet() {
return 'Hello, ' + this.name;
}
}
let user = new Person('Alice');
console.log(user.greet());
- 接口类型(定义对象的形状):
interface Person {
name: string;
age?: number; // 可选属性
[propName: string]: any; // 任意属性
}
let user: Person = {
name: 'Alice',
age: 25,
email: 'alice@example.com'
};
- 类型别名(给类型定义一个名字):
type Name = string;
type NameResolver = () => string;
type NameOrResolver = Name | NameResolver;
这些是 TypeScript 中的一些基本概念和语法。实际项目中,你可能还会遇到类型保护、泛型、装饰器、模块等高级特性。
评论已关闭