javascript - 打字稿：使用 Map<> 和 strictNullChecks

Question

给定以下简单的类：

class Observer {
        private subscribers: Map<string, Array<((data: any) => void)>> = new Map();     

        public subscribe(event: string, callback: (data: any) => void) {
            if (!this.subscribers.has(event)) {
                this.subscribers.set(event, []);
            }

            this.subscribers.get(event).push(callback); //tsc says: Object is possibly 'undefined'
        }
    }

此外，在 tsconfig.json 中，标志strictNullChecks和strict已启用。

尽管subscribers检查了当前事件的键，但打字稿编译器会抱怨上面显示的错误消息（this.subscribers.get(event)可能未定义）。

如果我没有完全错，this.subscribers.get(event)永远不会是undefined这种情况。

我怎样才能摆脱该消息？

Answer 1

键入可能导致的Map显式状态：getundefined

interface Map<K, V> {
    ...
    get(key: K): V | undefined;
    ...
}

这就是启用 strictNullChecks 时出现错误的原因。

您可以使用非空断言运算符来通知编译器您确定它确实具有价值：

this.subscribers.get(event)!.push(callback);

另一种选择（我认为更好的选择）是通过以下方式重构您的代码：

public subscribe(event: string, callback: (data: any) => void) {
    let callbacks = this.subscribers.get(event);
    if (!callbacks) {
        callbacks = []
        this.subscribers.set(event, callbacks);
    }

    callbacks.push(callback);
}