在打字稿中将对象传递给 ._map

Question

下面是我的静态成员配置类。

import {Injectable} from '@angular/core';
import {Config} from '../shared/interfaces'

export class GlobalData {

    static config:Config = {
        appName: "",
        line: "",
    }

    constructor(private app:PApplication){
        GlobalData.config.appName = app.getData().Style? 'P_APP' : 'P_WEB'
        GlobalData.config.line = 'PApp'
    }

}

下面是我的界面配置

export interface Config {
    appName: string
    line: string
}

我正在尝试将我的静态配置对象传递给以下函数：

var appConfig = this.appConfig(GlobalData.config);

appConfig = (configVariable: Config) => {
    return _.map(configVariable, function(val, key) {
        return key + "=" + val;
    }).join("&");
}

我收到以下错误：

[ts] 'Config' 类型的参数不可分配给类型参数 '列表 |字典 |数字字典'。输入“配置” 不可分配给类型“NumericDictionary”。 “配置”类型中缺少索引签名。

基本上在Javascript 中，配置是global object，可以在任何controller/services 中访问。

var config = {appName: "", line: "" }

Answer 1

map function are 的定义：

map<T, TResult>(
    list: _.List<T>,
    iterator: _.ListIterator<T, TResult> | _.IterateePropertyShorthand | _.IterateeMatcherShorthand<any>,
    context?: any): TResult[];

map<T, TResult>(
    object: _.Dictionary<T>,
    iterator: _.ObjectIterator<T, TResult>,
    context?: any): TResult[];

如您所见，传递的对象应该是_.List<T> 或_.Dictionary<T> 类型。
在您的情况下，它需要是 _.Dictionary<T>，其定义如下：

interface Dictionary<T> extends Collection<T> {
    [index: string]: T;
}

您的Config 接口没有索引签名，这就是编译器抱怨的原因。
要解决这个问题，只需将其转换为 any:

return _.map(configVariable as any, function(val, key) {
    return key + "=" + val;
}).join("&");

---

编辑

lodash 中map 的签名类似：

map<T, TResult>(
    collection: List<T>,
    iteratee?: ListIterator<T, TResult>
): TResult[];

map<T extends {}, TResult>(
    collection: Dictionary<T>,
    iteratee?: DictionaryIterator<T, TResult>
): TResult[];

map<T extends {}, TResult>(
    collection: NumericDictionary<T>,
    iteratee?: NumericDictionaryIterator<T, TResult>
): TResult[];

map<T, TResult>(
    collection: List<T>|Dictionary<T>|NumericDictionary<T>,
    iteratee?: string
): TResult[];

map<T, TObject extends {}>(
    collection: List<T>|Dictionary<T>|NumericDictionary<T>,
    iteratee?: TObject
): boolean[];

Dictionary 有点不同：

interface Dictionary<T> {
    [index: string]: T;
}

所以这是同样的问题。
至于避免使用any，你可以这样做：

interface Config extends _.Dictionary<string> {
    appName: string
    line: string
}

然后是这个：

return _.map(configVariable, function(val, key) {
    return key + "=" + val;
}).join("&");

编译不会出错。