TypeScript自定义接口编写扩展方法报类型被用作值错误解决

• TypeScript 的 interface 是纯编译期类型结构，编译到JavaScript阶段会被完全擦除，不会生成任何对应的运行时代码，本身不是可以访问的「值」，自然不存在 prototype 属性，这就是报错 'Student' only refers to a type, but is being used as a value here 的根本原因。
• 给 String、Number、Array 这类内置类型写扩展方法能正常运行，是因为这些类型本身是JavaScript运行时真实存在的构造函数（也就是可访问的运行时值），TypeScript只是预先声明了它们的类型结构，你访问 .prototype 本质是操作JS引擎中真实存在的对象，不会触发类型报错。
• 额外注意：你贴的代码中方法返回值写了大写开头的 String，这是JS字符串包装对象的类型，日常开发中应该用小写 string 表示原始字符串类型，避免不必要的类型问题。

根据你定义Student的实际场景，选对应方案即可：

场景1：Student是你自己维护的自定义类 #

类在TS中同时作为编译期类型和运行期构造函数存在，直接通过类型合并声明扩展方法，再挂载到原型上即可：

// Student类的原有定义
class Student {
  id: number;
  name: string;
}

// 全局类型合并，声明扩展的方法
declare global {
  interface Student {
    CourseOpted(): string;
  }
}

// 挂载原型方法
Student.prototype.CourseOpted = function(): string {
  return 'some-string';
};

export {};

// 调用示例
const stu = new Student();
console.log(stu.CourseOpted()); // 正常输出

场景2：Student是纯接口，对应普通对象/第三方定义的类型 #

这种场景没有和Student接口绑定的运行时构造函数，有两种常用实现方式：

• 方案一：放弃原型挂载写法，改用独立工具函数，这是TS项目处理纯接口逻辑的通用实践，没有运行时兼容问题：

interface Student {
  id: number;
  name: string;
}

// 独立实现方法，把Student类型的实例作为参数传入
function CourseOpted(student: Student): string {
  return 'some-string';
}

// 调用示例
const stu: Student = { id: 1, name: 'zhangsan' };
console.log(CourseOpted(stu));

• 方案二：如果一定要用实例.方法()的调用形式，可以先声明一个和Student接口绑定的运行时构造类，作为原型挂载的载体：

// 定义空类作为运行时的原型载体
class StudentImpl {}
// 让Student接口继承这个类，完成类型绑定
interface Student extends StudentImpl {}

// 声明扩展方法类型
declare global {
  interface Student {
    CourseOpted(): string;
  }
}

// 挂载原型方法
StudentImpl.prototype.CourseOpted = function(): string {
  return 'some-string';
};

// 后续创建Student实例时，基于StudentImpl创建即可
const stu: Student = new StudentImpl();
console.log(stu.CourseOpted()); // 正常调用

内容的提问来源于stack exchange，提问作者Neha Gunapooti