带有只读键的打字稿字典

Question

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

代码：

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

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

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

Answer 1

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

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

但是：

只读属性可能有初始值设定项，并且可以分配给 构造函数位于同一类声明中，但除此之外 不允许分配给只读属性

因此，虽然属性和索引签名都可以是只读的，但也许只能在构造函数中分配属性。
不清楚，你可以开一个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"}

（操场上的代码）

---

编辑

使用

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: () }

（操场上的代码）

如您所见，使用 for/in 循环也会迭代原型属性，这可能不是您想要的。

Object.assign

没有这个问题。

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

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

Answer 2

Object.freeze(...);

防止在 JS 级别更改对象并在 Typescript 中创建类型

Readonly<T>

。占位符 ... (T) 可以是本机字典、

Map<X, Y>

、数组或其他任何内容。因此不需要实现自己的字典，只需使用已经提供的工具声明/创建即可。