面试题之TypeScript

面试题之TypeScript

今天来介绍以下关于TypeScript的面试题

1.说说对类型断言的理解

在TypeScript中，类型断言是一种在编译时指定一个值的类型的机制。它可以告诉编译器一个值的确切类型，以便在编译时进行类型检查，从而避免在运行时出现类型错误。

TypeScript中有两种形式的类型断言：尖括号语法和as语法。例如：

typescriptCopy Codelet someValue: any = "this is a string";
let strLength1: number = (<string>someValue).length;
let strLength2: number = (someValue as string).length;

这两个语句的功能是相同的，它们都将someValue变量的类型断言为字符串，并获取该字符串的长度。需要注意的是，类型断言并不会改变变量的类型，它只是在编译时告诉编译器该变量的类型，以便进行类型检查。

类型断言在以下情况下特别有用：

• 当你需要将一个更抽象的类型转换为更具体的类型时，例如将any类型转换为string类型；
• 当你需要在编译期间绕过编译器的类型检查，以便执行一些特定的操作，例如操作浏览器API等。

需要注意的是，在进行类型断言时，要确保你对该值的类型了如指掌，避免出现运行时类型错误。此外，在使用JSX时，只能使用as语法进行类型断言。

总之，类型断言是TypeScript中非常重要的一个特性，它可以在开发过程中帮助我们更准确地定义变量的类型，从而避免在运行时出现类型错误。

2.为什么要使用类型断言

在TypeScript中，类型断言是一种非常有用的机制，它可以让我们在编译时指定变量的类型，以便在运行时避免出现类型错误。以下是使用类型断言的一些原因：

1. 提高代码可读性

通过类型断言，我们可以明确表示某个变量的类型，使代码更加易读易懂。例如：

typescriptCopy Codelet someValue: any = "this is a string";
let strLength: number = (someValue as string).length;

这段代码中，我们明确指定了someValue的类型为字符串，从而可以直接获取其长度，使得代码更加简洁明了。

1. 防止运行时类型错误

使用类型断言可以在编译时检查变量的类型，从而避免在运行时出现类型错误。例如：

typescriptCopy Codelet someValue: any = "this is a string";
let strLength: number = (someValue as number).toFixed(2);

在这个例子中，我们将someValue变量的类型断言为数字类型，但实际上该变量存储的是一个字符串。如果不使用类型断言，编译器会在编译时发现这个错误，从而避免在运行时出现异常。

1. 将更抽象的类型转换为更具体的类型

有时候我们需要将一个更抽象的类型转换为更具体的类型，在这种情况下，类型断言非常有用。例如：

typescriptCopy Codelet someValue: any = "this is a string";
let strLength: number = (someValue as string).length;

在这个例子中，someValue变量的类型为any，它是一个非常抽象的类型。但是我们知道该变量存储的实际上是一个字符串，因此可以通过类型断言将它转换为更具体的字符串类型。

总之，类型断言是TypeScript中非常有用的一个特性，它可以提高代码的可读性，防止运行时类型错误，以及将更抽象的类型转换为更具体的类型。

3.对泛型的理解

泛型是 TypeScirpt 中非常重要的一种类型，它可以让我们在编写可复用的代码时提供更好的类型安全和灵活性。

泛型是一种抽象的类型，它允许我们定义一种通用的类型或函数，具体的类型或函数参数可以在使用时进行传递。因此，泛型可以用来实现一些通用的算法或数据结构，例如数组工具函数、Promise、React 组件等。

在 TypeScript 中，我们可以使用尖括号（<>）来定义泛型。

4.TypeScript支持的访问修饰符有哪些？

TypeScript 支持以下几种访问修饰符：

1. public（默认）：公共访问修饰符，表示成员可以在任何地方被访问。
2. private：私有访问修饰符，表示成员只能在类内部被访问。派生类也无法访问。
3. protected：受保护的访问修饰符，表示成员可以在类内部以及派生类中被访问，但不能在类外部被访问。
4. readonly：只读访问修饰符，表示成员只能在声明时或构造函数内赋值，赋值后不可修改。

这些访问修饰符可以应用于类的属性、方法和构造函数参数上。默认情况下，类的属性和方法是公共的（public），但如果显式指定了其他访问修饰符，属性或方法将具有相应的访问权限。

5.Typescript中 interface 和 type 的区别是什么？

在 TypeScript 中，interface 和 type 都用于定义类型，但它们有一些区别。

1. 语法差异：

• interface 关键字用于声明接口，使用 interface 可以定义对象的形状、函数的签名等。
• type 关键字用于声明类型别名，可以给一个类型起一个新的名字。

2. 合并能力：

• interface 具有合并能力，即同名的接口会自动合并为一个接口，合并后的接口会继承所有同名接口的成员。
• type 不具有合并能力，同名的类型别名会报错。

3. 实现能力：

• interface 可以被类实现（使用 implements），用于类与接口的约束关系。
• type 不能被类实现，它只是给类型起别名，无法用于类与类型的约束关系。

4. 扩展能力：

• interface 可以通过 extends 关键字扩展其他接口或类，实现接口的继承。
• type 可以使用交叉类型（&）或联合类型（|）组合多个类型来创建新的类型。

总结来说，interface 用于定义对象的形状 ，type 可以描述多种类型，包括对象、联合类型、交叉类型等。

6.TS里面的函数重载

在TypeScript中，函数重载（Function Overloads）是指在函数声明中编写多个签名（签名是指函数的参数类型和返回类型），以允许函数接受不同类型和数量的参数，并根据参数的不同类型或数量执行不同的处理逻辑。
每个重载签名包含了参数列表和返回类型的定义，以及可能的重载数量是没有限制的。
重载签名定义的函数类型仅用于类型检查，实际的函数实现部分应写在函数的最后一部分。
使用函数重载可以提高代码的可读性和类型安全性，使得我们能够更清晰地描述函数的用法和预期的参数类型。当我们调用这样一个重载函数时，TypeScript编译器会根据传入的参数类型自动选择正确的函数重载进行类型检查和执行。如果传入的参数类型与重载签名不匹配，则会引发编译时错误。

7.解释一下TypeScript中的枚举？

在 TypeScript 中，枚举（Enum）是一种特殊的数据类型，可以用于描述一组相关的常量或命名的值。枚举中的成员一般被称为枚举成员，它们都有一个名称和一个关联的值。使用枚举可以使代码更加直观并且易于维护。

我们定义了一个名为 Direction 的枚举类型，其中包含四个枚举成员 Up、Down、Left 和 Right。由于没有为这些枚举成员指定具体的值，因此它们分别默认从 0 开始自增。

枚举类型的变量 dir 被声明为 Direction 类型，并初始化为 Direction.Up。此后，我们使用枚举成员名称 Direction.Right 来更新变量 dir 的值。最终输出结果为 3，即 Right 对应的默认值。

需要注意的是，每个枚举成员都可以通过指定关联的数值来进行隐式或显式赋值，

8.TypeScript中的方法重写是什么？

在 TypeScript 中，方法重写（Method Overriding）是面向对象编程中的一个概念。它允许子类重新定义继承自父类的方法，以适应子类的特定需求。通过方法重写，子类可以改变继承的方法的实现细节，而不必修改父类的源代码。

方法重写的基本原则是子类中定义的方法与父类中同名的方法具有相同的签名（包括参数列表和返回类型），但提供了不同的实现。

9.ts中抽象类的理解

在 TypeScript 中，抽象类是一种特殊的类，用于作为其他类的基类或父类，并且不能直接实例化。抽象类主要用于定义一组通用的属性和方法，然后让其他类继承并实现这些抽象类中定义的方法。

抽象类通过使用 abstract 关键字进行声明。抽象类可以包含抽象方法、普通方法和属性。

抽象类的主要特点包括：

• 不能直接实例化，只能被继承。
• 可以包含抽象方法、普通方法和属性。
• 抽象方法必须在派生类中实现。
• 子类可以覆盖或扩展抽象类中的方法和属性。

10.ts的虚拟函数的理解

在 TypeScript 中，虚拟函数通常是指在基类中定义的函数，它可以在派生类中被重写（override）以改变其行为。虚拟函数是面向对象编程中的重要概念，在 TypeScript 中也得到了支持。

在 TypeScript 中，通过使用关键字 virtual（在 C# 中使用）或者直接在基类中定义一个函数，在派生类中使用 override 关键字来重写该函数，即可实现虚拟函数的特性。

下面是一个简单的 TypeScript 示例，演示了如何使用虚拟函数：

typescriptCopy Codeclass Animal {
  virtual makeSound(): void {
    console.log('Some sound');
  }
}

class Dog extends Animal {
  override makeSound(): void {
    console.log('Woof woof');
  }
}

class Cat extends Animal {
  override makeSound(): void {
    console.log('Meow meow');
  }
}

const dog = new Dog();
dog.makeSound(); // 输出：Woof woof

const cat = new Cat();
cat.makeSound(); // 输出：Meow meow

在上面的示例中，Animal 类中定义了一个虚拟函数 makeSound，而 Dog 和 Cat 类分别重写了这个函数以改变动物发出的声音。当我们创建 Dog 和 Cat 的实例并调用 makeSound 方法时，会根据实际类型执行相应的重写后的行为。

这样，通过虚拟函数的使用，我们可以在 TypeScript 中实现面向对象编程中的多态特性，使得不同的对象在使用同一个方法时表现出不同的行为。

以上资料均来自与网上，希望对大家有所帮助！！！