带有只读键的打字稿字典

Question

是否可以在 typescript 中使用只读键声明字典类？

代码：

class Dictionary {
    readonly[key: string]: string;

    constructor(props: Dictionary) {
        for (const key in props) {
            this[key] = props[key];
        }
    }
}

通常在构造函数中允许设置只读属性的值，但这里编译器抱怨“'Dictionary'类型的索引签名只允许读取'。

Answer 1

我不确定这是否是设计使然，the docs 对此感到困惑：

现在可以使用 readonly 声明属性或索引签名 修饰符被认为是只读的。

但是：

只读属性可能有初始化器并且可以分配给 同一类声明中的构造函数，但除此之外 不允许分配给只读属性

因此，虽然属性和索引签名都可以是只读的，但也许只能在构造函数中分配属性。
不太清楚，你可以打开一个 issue 找出来。

但是，您可以使用Object.assign，这不会导致编译错误，并且还会清除代码：

class Dictionary {
    readonly[key: string]: string;

    constructor(props: Dictionary) {
        Object.assign(this, props);
    }
}

let d1 = new Dictionary({ key1: "one", key2: "two" });
console.log(d1); // Dictionary {key1: "one", key2: "two"}

let d2 = new Dictionary(d1);
console.log(d1); // Dictionary {key1: "one", key2: "two"}

(code in playground)

---

编辑

使用 Object.assign 比你的 for/in 循环更好，下面是一个例子：

class A {
    [key: string]: any;

    constructor() {
        this["k1"] = "v1";
        this["k2"] = "v2";
    }

    method() {}
}

let a = new A();
let a1 = Object.assign({}, a);
console.log(a1); // { k1: "v1", k2: "v2" }

let a2 = {};
for (const key in a) {
    a2[key] = a[key];
}
console.log(a2); // { k1: "v1", k2: "v2", method: () }

(code in playground)

如您所见，使用 for/in 循环还会遍历原型属性，这可能不是您想要的。
Object.assign 没有这个问题。

另一种选择是使用Object.keys：

let a3 = {};
Object.keys(a).forEach(key => a3[key] = a[key]);
console.log(a3); // { k1: "v1", k2: "v2" }