TypeScript核心知识点

TypeScript 是 JavaScript 的一个超集，并且添加了一些静态类型的特性。以下是 TypeScript 的一些核心概念和示例代码：

1. 类型注解：为变量指定类型。

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

2. 接口：定义对象的结构。

interface Person {
  name: string;
  age: number;
}
 
let alice: Person = { name: "Alice", age: 25 };

3. 类：定义对象的属性和方法。

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());

4. 泛型：允许定义可复用的组件，该组件可以支持多种类型。

function identity<T>(arg: T): T {
  return arg;
}
 
let output = identity<string>("Hello World!");

5. 类型别名：为类型定义别名。

type Person = {
  name: string;
  age: number;
};
 
let alice: Person = { name: "Alice", age: 25 };

6. 函数类型：定义函数的类型。

type BinaryFunction = (a: number, b: number) => number;
 
let add: BinaryFunction = (a, b) => a + b;

7. 类型断言：告诉编译器你比它更了解代码。

let value: any = "Hello World!";
let stringValue = (<string>value).toLowerCase();
// 或者
let stringValue = (value as string).toLowerCase();

8. 嵌套类型：定义嵌套对象类型。

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 的基础和高级特性。