TypeScript 是 JavaScript 的一个超集，并且添加了一些静态类型的特性。以下是 TypeScript 的一些核心概念和示例代码：
- 类型注解：为变量指定类型。
let age: number = 25;
let name: string = "Alice";
- 接口：定义对象的结构。
interface Person {
name: string;
age: number;
}
let alice: Person = { name: "Alice", age: 25 };
- 类：定义对象的属性和方法。
class Person {
name: string;
age: number;
constructor(name: string, age: number) {
this.name = name;
this.age = age;
}
greet() {
return `Hello, my name is ${this.name} and I am ${this.age} years old.`;
}
}
let alice = new Person("Alice", 25);
console.log(alice.greet());
- 泛型：允许定义可复用的组件，该组件可以支持多种类型。
function identity<T>(arg: T): T {
return arg;
}
let output = identity<string>("Hello World!");
- 类型别名：为类型定义别名。
type Person = {
name: string;
age: number;
};
let alice: Person = { name: "Alice", age: 25 };
- 函数类型：定义函数的类型。
type BinaryFunction = (a: number, b: number) => number;
let add: BinaryFunction = (a, b) => a + b;
- 类型断言：告诉编译器你比它更了解代码。
let value: any = "Hello World!";
let stringValue = (<string>value).toLowerCase();
// 或者
let stringValue = (value as string).toLowerCase();
- 嵌套类型：定义嵌套对象类型。
type Person = {
name: string;
age: number;
hobbies: {
name: string;
durationInYears: number;
}[];
};
let alice: Person = {
name: "Alice",
age: 25,
hobbies: [{ name: "Reading", durationInYears: 5 }],
};
这些是 TypeScript 的核心概念，能够帮助你理解 TypeScript 的基础和高级特性。