定制扩展方法在打字稿中

Question

好吧，我试图为我的界面学生创建扩展方法

declare global {  
  interface Student {  
   CourseOpted(): String;  
  }  
 }  

 Student.prototype.CourseOpted = function(): string {  
  return 'some-string';
 }  
 export {}; 

，当我将光标放在学生身上时： - `

`学生''仅引用一种类型，但在这里被用作值。 正在引用本文： - https://www.c-sharpcorner.com/article/article/article/learn-about-elearn-about-extension-extension-extension-method-mothod-mothod-mothod-mothod-mothod-method-method-in-typescript/#:~ ：text =扩展％2DMethod％20GIVES％20 you％20，任何％20DATA％2dtype％20You％20want 。

我可以注意到的是; - 当我们扩展界面类（例如字符串，数字，数组）的类时。扩展方法是可能的。那为什么不作为上述示例。 请帮我！解决此错误

非常感谢:)

编辑： - 因此，我们发现此TS扩展方法回购： - https：//github.com/github.com/staeke/staeke/ts-ts--ts---------扩展方法

Answer 1

接口是编译的时间元素。当您将打字稿编译到JavaScript中时，它不会为接口发出任何内容。 接口纯粹存在于编译时（受益于打字稿）。

它适用于字符串，数字等的原因，因为它们存在于运行时。

如果您需要对函数的不同实现

• ，那么为什么不声明 student 是 class 具有默认函数实现的，并允许子类在需要时覆盖功能实现。

如果您想要静态实现

• ，请简单地将其声明为 Student 类中的静态功能

Answer 2

Student 是接口，而不是类您应该在进行任何更改之前创建类并导入该类别。也许最好只是创建新课程。如果您从服务器中获取学生数据，也可以向其添加序列化。

Typescript Playground Link

interface IStudent {
  id: number;
  firstName: string,
  lastName: string,
}

class Student implements IStudent {
  id: number;
  firstName: string;
  lastName: string;

  constructor(student: IStudent)
  constructor(id: number, firstName: string, lastName: string)
  constructor(idOrStudent: number | IStudent, firstName?: string, lastName?: string) {
    if (typeof idOrStudent === "object") {
      this.id = idOrStudent.id;
      this.firstName = idOrStudent.firstName;
      this.lastName = idOrStudent.lastName;
      return;
    }
    this.id = idOrStudent;
    this.firstName = firstName as string;
    this.lastName = lastName as string;
  }

  public foo() {
    return "bar";
  }
}

const student0 = new Student(0, "John", "Doe");
console.log(student0);
console.log(student0.foo());

const student1 = new Student({
  id: 1,
  firstName: "Milka",
  lastName: "Helgi"
});

console.log(student1);