导出从 typeScript 中的类中删除接口实现

Question

我有带有类声明的.ts文件和带有接口声明的.d.ts文件。

.ts 文件示例：

class A {
  constructor() {
    this.name = "Jo";
  }
}

.d.ts 文件示例：

interface A {
  name: string
}

所以，问题是 - 一切正常，A 类自动检测接口 A 并实现它。

但是，当我添加类命名导出或默认导出时，如下面的示例所示 - 接口实现消失，再次清楚的是 A 类。

export default class A {
  constructor() {
    this.name = "Jo";
  }
}

或

class A {
  constructor() {
    this.name = "Jo";
  }
}
export { A }

两个变体都会导致相同的问题 - ”类型“A”上不存在属性“名称””。

如果将接口添加到同一文件中，它将可以工作，但我需要此接口进行全局使用，并且不想直接在类或同一文件中编写相同的实现。

那么，到底发生了什么事，我应该怎样做才能让事情恢复正常？

Answer 1

当我把你的代码放在 打字稿游乐场 我收到此错误：

A级
合并申报“A”不能包含默认出口申报。考虑添加单独的“导出默认 A”声明。(2652)

如果您遵循该建议：

interface A {
  name: string
}

class A {
  constructor() {
    this.name = "Jo";
  }
}

export default A

它会按照您的预期工作Playground

---

但是，如果 class A 所在的文件是 Typescript，那么您不需要 .d.ts文件，你的类应该是：

class A {
  name: string
  constructor() {
    this.name = "Jo";
  }
}

这是它自己的隐式接口：

const a: A = { name: 'Foo' } // fine

游乐场

Answer 2

在 .d.ts 文件中编写接口并与同名类冲突属性是最不常见的。

惯用的做法是将接口编写在一个文件中：

export interface Nameable{
    name: string
}

然后将其导入另一个文件中，并通过 implements 关键字正确使用它：

import {Nameable} from './Nameable';

export class A implements Nameable{
    // etc
}

当然，您可以将完全相同的接口导入到任何其他文件中文件。全球化很少能带来最好的结果。