如何让TypeScript类拥有JSON加载的属性并支持智能提示

你已经实现了JSON文件的加载与类型生成，但直接让类实现该类型需要手动声明所有属性，以下两种方案可以帮你避免重复编写代码，同时保留完整的智能提示：

方案一：工厂函数+交叉类型 #

无需修改类的核心定义，通过工厂函数注入JSON属性，利用交叉类型让TypeScript识别实例的完整类型。

1. 保留基础加载与类型定义：

import * as loadedJson from "./jsonFile.json";
export type LoadedJsonType = typeof loadedJson;

2. 定义类自身的逻辑：

export class SomeClass extends BaseClass {
  customMethod(): void {
    console.log("类的自定义方法");
  }
}

3. 编写工厂函数生成实例：

export function createSomeClass(): SomeClass & LoadedJsonType {
  const instance = new SomeClass();
  Object.assign(instance, loadedJson);
  return instance as SomeClass & LoadedJsonType;
}

4. 使用实例：

const myInstance = createSomeClass();
// 同时拥有类的方法和JSON的属性，均有智能提示
myInstance.customMethod();
console.log(myInstance.jsonProperty);

方案二：类内声明属性+构造函数赋值 #

如果希望直接通过new关键字创建实例，可以用declare关键字声明JSON属性（仅做类型提示，不生成代码），再在构造函数中完成赋值。

代码示例：

import * as loadedJson from "./jsonFile.json";
export type LoadedJsonType = typeof loadedJson;

export class SomeClass extends BaseClass implements LoadedJsonType {
  // 声明JSON中的属性，无需手动实现
  declare jsonProperty1: string;
  declare jsonProperty2: number;
  // 若JSON结构复杂，可使用索引签名简化：
  // declare [key: string]: unknown;

  constructor() {
    super();
    // 自动注入JSON属性
    Object.assign(this, loadedJson);
  }

  customMethod(): void {
    console.log(this.jsonProperty1); // 智能提示正常工作
  }
}

declare关键字仅用于告知TypeScript属性的存在，不会增加额外的编译代码，配合Object.assign完成实际属性赋值，完美解决重复编写属性的问题。

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