目录
- 一、目标
- 二、常用特性介绍
一、目标
首先，要编写出色的 TypeScript 代码，请遵循以下最佳实践和技巧：
- 学习基础知识：确保熟悉 TypeScript 的基本概念，例如类型、接口、类、模块和泛型。
- 使用强类型：尽可能为变量、函数参数和返回类型指定明确的类型。这有助于提高代码的可读性和可维护性。
- 使用接口：通过接口来定义复杂的数据结构和约定。这可以确保对象遵循预期的结构，并有助于提供更清晰的代码文档。
- 使用泛型：在编写可复用的函数和类时，使用泛型可以让您的代码更灵活、类型安全。
- 利用类型推断：TypeScript 能够根据上下文自动推断变量的类型。在某些情况下，可以省略类型注解，让代码更简洁。
- 使用类型守卫和类型断言：在处理不同类型的值时，使用类型守卫和类型断言可以确保代码在运行时具有正确的类型。
- 使用模块化：将代码分解为模块，并使用 import 和 export 语句来组织代码。这有助于代码的可读性和可维护性。
遵循这些建议和技巧，您将能够编写出高质量、可维护且易于理解的 TypeScript 代码。
二、常用特性介绍
any vs unknown
any 和 unknown 都是 TypeScript 中的顶级类型，但它们有不同的行为和用途。
any类型：any类型表示任意类型，它可以接受任何类型的值，不进行类型检查和推断。- 使用
any类型会关闭 TypeScript 的类型检查机制，因此不推荐在代码中滥用any类型。 - 使用
any类型会降低代码的类型安全性，因为 TypeScript 不会对any类型进行类型检查，可能会导致运行时错误。
let value: any;
value = 123; // 合法
value = 'hello'; // 合法
value = true; // 合法
// 可以对 value 进行任意操作，编译器不会报错
unknown类型：unknown类型表示未知类型，它可以接受任何类型的值，但 TypeScript 不会自动对其进行类型检查和推断。- 与
any类型不同，使用unknown类型时，TypeScript 会强制我们在使用之前对其进行类型检查或类型断言。 - 使用
unknown类型可以在不放弃类型安全性的前提下，处理不确定类型的值。
let value: unknown;
value = 123; // 合法
value = 'hello'; // 合法
value = true; // 合法
// 使用 unknown 类型时，必须在使用之前进行类型检查或类型断言
if (typeof value === 'string') {
console.log(value.toUpperCase()); // 合法
}
总的来说，unknown 类型比 any 类型更安全，因为它强制我们在使用之前对值进行类型检查，从而提高了代码的类型安全性。在实际开发中，应尽量避免使用 any 类型，而是使用更加严格的类型，如 unknown 类型。
type vs interface
在 TypeScript 中，type 和 interface 都可以用来定义类型。
尽管它们有很多相似之处，但它们在某些方面也有一些不同，这使得它们在不同的使用场景中更加适用。
让我们来看一下它们的用途以及它们之间的区别。
- interface：主要用于定义对象类型
interface 是 TypeScript 中最常用的定义类型的方式。它主要用于定义对象类型，可以表示类、函数、对象字面量等的形状（shape）。
具有以下特点：
- 可以被实现（implements）。
- 可以扩展（extends）。
- 可以合并声明（同名接口可以合并成一个接口）。
- 可以用于描述索引（index）签名。索引签名用于表示一个对象的索引操作。
- 可以用于描述构造签名。构造签名用于表示一个类的构造函数。
// 1. 可以被实现
interface Person {
name: string;
age: number;
greet(): void;
}
class Student implements Person {
name: string;
age: number;
constructor(name: string, age: number) {
this.name = name;
this.age = age;
}
greet() {
console.log(`Hello, my name is ${
this.name} and I'm ${
this.age} years old.`);
}
}
// 2. 可以被继承
interface Employee extends Person {
title: string;
}
// 3. 可以合并声明
interface Box {
height: number;
width: number;
}
interface Box {
scale: number;
}
let box: Box = {
height: 5, width: 6, scale: 10 };
// 4. 可以用于描述索引签名
interface StringDictionary {
[key: string]: string;
}
const dictionary: StringDictionary = {
hello: "world",
foo: "bar",
};
console.log(dictionary["hello"]); // Output: world
console.log(dictionary["foo"]); // Output: bar
// 5. 可以用于描述构造签名
interface Person {
name: string;
age: number;
greet(): void;
}
interface PersonConstructor {
new (name: string, age: number): Person; // 构造签名
}
const createPerson = (ctor: PersonConstructor, name: string, age: number): Person => {
return new ctor(name, age);
};
class Student implements Person {
constructor(public name: string, public age: number) {
}
greet() {
console.log(`Hello, my name is ${
this.name} and I'm ${
this.age} years old.`);
}
}
const person = createPerson(Student, "Alice", 30);
person.greet(); // Output: Hello, my name is Alice and I'm 30 years old.
- type：表示任何类型
type 是一个更通用的类型别名，可以表示任何类型。除了对象类型外，type 还可以表示基本类型、联合类型、交叉类型、映射类型等。
具有以下特点：
- 支持更多的类型操作，例如
条件类型、映射类型等。 - 可以表示非对象类型，例如
基本类型、联合类型、交叉类型等。 - 不能被实现或扩展，但可以使用
交叉类型进行组合。 - 可以使用 = 进行类型别名。
// 1. 支持条件类型
type IsString<T> = T extends string ?