在扩展对象上获取TypeScript代码完成

Question

我为我的应用程序conf.ts了一个配置文件，该文件合并了其他文件中的配置值，以保持其组织性。 我合并它们，因为当我想使用配置值时，写Conf.MY_LONG_NAMED_VALUE比Conf.SubCategory.MY_LONG_NAMED_VALUE

import {CoreConf} from './conf/game/core.conf';
import {ViewConf} from './conf/view/view.conf';
import {DebugConf} from './conf/game/debug.conf';

/**
 *
 * @namespace Conf
 */
export const Conf: {[index: string] : any} = $.extend({},
    CoreConf,
    DebugConf,
    ViewConf
);

我目前正在从JavaScript迁移到TypeScript，并且虽然WebStorm中的JavaScript代码完成工作正常（由于JSDoc标签@namespace ），但TypeScript不会自动完成子类别中的配置名称。

我发现的两个解决方案是要么仅使用一个文件=一个对象，但对象的组织性较差，要么使用所有配置名称创建索引签名（或接口），这是工作的两倍。

有没有更好的方法可以使这项工作？

Answer 1

您可以输入Conf作为配置之间的交集类型：

export const Conf: typeof CoreConf & typeof DebugConf & typeof ViewConf 

或者，您可以使用Object.assign键入返回所有参数类型的交集类型

export const Conf = Object.assign({}, CoreConf, DebugConf, ViewConf)

Answer 2

在研究另一个问题时，我偶然发现了第三个解决方案-传播语法：

export const Conf = {...CoreConf, ...DebugConf, ...ViewConf}

对我来说，这通过强制执行“多余的属性检查”而受益，这是我在代码的另一部分中想要的。