TypeScript中如何正确初始化空对象并逐步构建内容？

当你需要先创建空对象再逐步填充属性，同时要避免Partial类型带来的后续类型检查繁琐问题，这里有几种适配你场景（处理器函数需引用自身对象）的可行方案：

方案1：直接类型断言（最简常用） #

如果你能确保在当前作用域内一定会填充MyHandlers的所有属性，可以直接断言空对象为完整类型：

const handlers = {} as MyHandlers;

handlers.init = init(data, handlers);
handlers.kill = kill(data, handlers);
handlers.wheel = wheel(data, handlers);
handlers.pointerUp = pointerUp(data, handlers);
handlers.pointerDown = pointerDown(data, handlers);
handlers.pointerMove = pointerMove(data, handlers);

这是项目中最常用的方式，只要你能保证后续不会遗漏属性赋值，就可以安全使用——毕竟你比编译器更清楚运行时的代码逻辑。

方案2：临时Partial变量+最终断言（兼顾提示与简洁） #

先以Partial<MyHandlers>定义临时变量，利用编辑器的类型提示补全属性，最后断言为完整类型：

// 临时变量，编辑器会提示需要填充的属性
const tempHandlers: Partial<MyHandlers> = {};

tempHandlers.init = init(data, tempHandlers);
tempHandlers.kill = kill(data, tempHandlers);
// 填充所有要求的属性...

// 明确告知编译器：现在变量已具备完整类型
const handlers = tempHandlers as MyHandlers;

这种方式既保留了填充阶段的类型提示，又避免了后续传参时的类型报错。

方案3：类型守卫验证（最高安全性） #

如果担心运行时可能出现属性缺失，可以写一个类型守卫函数，验证所有属性是否存在，编译器会自动将Partial转为完整类型：

// 定义类型守卫，检查所有必要属性
function isCompleteHandlers(handlers: Partial<MyHandlers>): handlers is MyHandlers {
  return (
    typeof handlers.init === 'function' &&
    typeof handlers.kill === 'function' &&
    typeof handlers.wheel === 'function' &&
    typeof handlers.pointerUp === 'function' &&
    typeof handlers.pointerDown === 'function' &&
    typeof handlers.pointerMove === 'function'
  );
}

// 初始化临时变量
const tempHandlers: Partial<MyHandlers> = {};
tempHandlers.init = init(data, tempHandlers);
// 填充所有属性...

// 验证完整性，失败则抛出错误
if (!isCompleteHandlers(tempHandlers)) {
  throw new Error('Handlers未完成初始化，缺少必要属性');
}

// 此处tempHandlers自动推断为MyHandlers类型
const handlers = tempHandlers;

这种方式完全避免了类型断言的“不安全”风险，适合对类型严谨性要求极高的场景。

不推荐的方案 #

• 用空函数初始化再覆盖：冗余代码，无必要。
• 类实现：语法繁琐，你的场景不需要类的继承、实例化等特性，纯粹增加复杂度。

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