TypeScript 测验 | 菜鸟教程

例题

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png


image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png


image.png

image.png

image.png

why?

官方给的答案是“正确”,这题答案应该有误

image.png

image.png

image.png


image.png

image.png

image.png

github https://github.com/DefinitelyTyped/DefinitelyTyped
home https://definitelytyped.github.io/

image.png

image.png

image.png

image.png

image.png

image.png

问:TypeScript 始终可以正确推断变量类型?

不,TypeScript并不总是能够正确推断变量的类型。尽管TypeScript有一个强大的类型推断系统,但在某些情况下,它可能无法准确地推断类型,或者可能采用最宽泛的类型,例如any

以下是一些TypeScript可能无法正确推断类型的情况:

  1. 使用**any**类型的值:当你操作的值是any类型时,TypeScript不会对其进行类型检查,也不会对从该值派生出来的其他值进行类型推断。
  1. let something: any = "Hello";
  2. let strLength = something.length; // TypeScript不会推断strLength为number
  1. 没有明确的类型注释:当初始化变量但没有为其提供明确的类型或值时,TypeScript可能会默认为any类型。
  1. let something; // 被推断为any类型
  1. 函数返回值:如果函数的返回值依赖于条件表达式或多个分支,并且这些分支返回不同的类型,TypeScript可能会尝试找到这些类型的最佳通用类型,但可能不总是符合你的预期。
  1. function getValue(flag: boolean) {
  2. if (flag) {
  3. return "Hello";
  4. } else {
  5. return 123;
  6. }
  7. }
  8. let result = getValue(true); // result的类型被推断为 string | number
  1. 高级类型或复杂结构:在某些涉及高级类型、泛型或复杂对象/数组结构的情况下,TypeScript可能会有困难进行精确的类型推断。
  2. 外部库:使用没有类型定义的JavaScript库时,TypeScript可能无法推断出库的函数或对象的确切类型。

为了在这些情况下获得更好的类型安全性,你可以:

  1. 使用明确的类型注释。
  2. 在可能的情况下避免使用any类型。
  3. 使用TypeScript的严格模式,这会启用更严格的类型检查。

总的来说,虽然TypeScript的类型推断是非常有用的,但开发者仍然需要时刻关注并在必要时提供明确的类型注释以确保代码的类型安全性。

问:接口类似于类型别名,但仅适用于对象类型?

错误。

接口主要是用于描述对象的结构,但它们不仅仅限于对象类型。在TypeScript中,接口可以描述函数、索引类型、类、以及混合类型。

尽管类型别名和接口在某些情况下可以互换使用,但它们有不同的使用场景和限制。例如,接口可以被扩展和实现(如类实现接口),而类型别名不可以。反之,类型别名可以表示更复杂的类型,包括联合和交叉类型。

但是,当描述对象的结构时,接口是首选的方式,因为它们提供了更好的文档化和工具支持。

以下是使用接口来描述不同类型的示例:

  1. 描述函数的接口
  1. interface AddFunction {
  2. (a: number, b: number): number;
  3. }
  4. const myAdd: AddFunction = (x, y) => x + y;
  5. console.log(myAdd(5, 3)); // 输出: 8
  1. 描述数组的接口
  1. interface StringArray {
  2. [index: number]: string;
  3. }
  4. const myArray: StringArray = ['Bob', 'Alice'];
  5. console.log(myArray[0]); // 输出: Bob
  1. 描述可调用结构的接口 (同时描述对象的属性和函数)
  1. interface CallableObject {
  2. description: string;
  3. call(): void;
  4. }
  5. const myObject: CallableObject = {
  6. description: "I'm a callable object",
  7. call() {
  8. console.log(this.description);
  9. }
  10. };
  11. myObject.call(); // 输出: I'm a callable object

上述示例展示了接口不仅仅用于描述常规的对象结构,还可以用于描述函数、数组和可调用对象等不同的结构。

overload vs. override

overloadoverride 是两个常用的面向对象编程术语,它们在功能和用途上有所不同。让我们区分它们:

  1. overload(重载):
  • 重载是在同一个类中定义多个同名但参数列表不同的方法。
  • 在 TypeScript 中,函数重载允许您为相同的函数名定义多个函数类型。
  • 重载不涉及继承或子类。
  • 例如:
  1. class Calculator {
  2. add(x: number, y: number): number;
  3. add(x: string, y: string): string;
  4. add(x: any, y: any): any {
  5. return x + y;
  6. }
  7. }

在上面的示例中,我们重载了 add 方法,使其可以接受数字或字符串。

  1. override(覆盖):
  • 覆盖是在子类中提供与父类相同名称的方法的实现,但该方法的实现是特定于子类的。
  • 这允许子类提供父类方法的特定实现。
  • 例如:
  1. class Animal {
  2. speak() {
  3. return "Animal sound";
  4. }
  5. }
  6. class Dog extends Animal {
  7. // Here we override the speak method of Animal class
  8. speak() {
  9. return "Woof";
  10. }
  11. }

在上面的示例中,Dog 类覆盖了父类 Animalspeak 方法。

总结:

  1. overload 是关于在同一个类中定义多个具有不同参数的同名方法
  2. override 是关于子类提供与其父类中的方法相同名称但具有不同实现的方法