TypeScript 错误 TS2468：联合类型中类 “X” 未实现接口 “Y”-JavaScript中文网-JavaScript教程资源分享门户

在 TypeScript 中，联合类型是一种非常常见的类型，它可以让我们定义一个变量可以是多种类型中的一种。但是，在使用联合类型时，有时候会遇到一个报错：TS2468，它告诉我们联合类型中的某个类未实现接口。

错误信息

错误信息通常会是这样的：

TypeScript 错误 TS2468：联合类型中类 “X” 未实现接口 “Y”。

这个错误信息的意思是，我们在定义联合类型时，某个类没有实现接口 Y，这是不允许的。

问题分析

为什么会出现这个错误呢？我们来看一个示例代码：

// javascriptcn.com 代码示例
interface Animal {
  name: string;
  age: number;
}

class Dog implements Animal {
  name = "dog";
  age = 3;
  bark() {
    console.log("Woof!");
  }
}

class Cat {
  name = "cat";
  age = 2;
  meow() {
    console.log("Meow!");
  }
}

let pet: Dog | Cat;
pet = new Dog();
pet = new Cat(); // 报错 TS2468

在这个示例代码中，我们定义了一个 Animal 接口和一个 Dog 类，Dog 类实现了 Animal 接口。然后我们又定义了一个 Cat 类，它没有实现 Animal 接口。

最后，我们定义了一个变量 pet，它可以是 Dog 类型或 Cat 类型。我们先将 pet 赋值为一个 Dog 类型的实例，然后尝试将 pet 赋值为一个 Cat 类型的实例，这时就会出现 TS2468 错误。

这是因为我们在定义 pet 的时候，使用了联合类型 Dog | Cat。这意味着 pet 可以是 Dog 类型或 Cat 类型，但是我们定义的 Animal 接口只被 Dog 类实现了，而 Cat 类没有实现 Animal 接口，所以 TypeScript 就会报错。

解决方案

为了解决 TS2468 错误，我们需要让 Cat 类实现 Animal 接口。我们可以将 Cat 类改写成这样：

class Cat implements Animal {
  name = "cat";
  age = 2;
  meow() {
    console.log("Meow!");
  }
}

这样就可以解决 TS2468 错误了。但是，如果我们不能修改 Cat 类的定义，怎么办呢？

这时候，我们可以使用类型断言来解决问题。我们可以将 Cat 类型的实例断言为 Animal 类型，这样 TypeScript 就不会报错了。示例代码如下：

let pet: Dog | Cat;
pet = new Dog();
pet = <Animal>new Cat(); // 使用类型断言

总结

TS2468 错误是 TypeScript 中经常会遇到的问题之一，它提示我们联合类型中的某个类未实现接口。要解决这个问题，我们需要让该类实现接口，或者使用类型断言来解决问题。在开发过程中，我们应该注意避免出现这种错误，这样可以提高代码的可维护性和可读性。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/6586e0a5d2f5e1655d131fee