TS2322报错：类型'Player | undefined'无法赋值给'Player'类型如何修复？

报错原因 #

Array.find() 方法的原生返回值就是匹配元素类型或者undefined（未匹配到对应元素时返回），你给getPlayerFromSocketID方法显式标注的返回类型是Player，TS认为你这个方法可能返回undefined不符合类型约定，所以抛出2322错误。
而removePlayer方法没有报错是因为：你没有给内部的player变量强制指定非undefined的类型，TS自动推导它为Player | undefined，而且你后续也加了非空判断才操作，完全符合TS类型校验规则。

可选择的修复方案 #

方案1：修改返回类型声明，兼容undefined #

如果允许调用方处理查不到玩家的场景，直接把返回类型改成Player | undefined即可：

getPlayerFromSocketID(socketId: string): Player | undefined {
    return this.players.find((p) => p.getSocketId() === socketId);
}

后续调用这个方法的时候，只需要和removePlayer里一样加一层非空判断再操作对应玩家即可。

方案2：方法内兜底逻辑，保证一定返回Player类型 #

如果你确定业务逻辑中调用这个方法时必然存在对应socketId的玩家，或者希望把不存在的异常收敛在方法内部，可以加兜底逻辑：

兜底返回默认Player实例

getPlayerFromSocketID(socketId: string): Player {
    return this.players.find((p) => p.getSocketId() === socketId) ?? new Player();
}

未匹配到直接抛出异常

getPlayerFromSocketID(socketId: string): Player {
    const player = this.players.find((p) => p.getSocketId() === socketId);
    if (!player) {
        throw new Error(`未找到socketId为${socketId}的对应玩家`);
    }
    return player;
}

方案3：临时用非空断言（不推荐生产环境使用） #

如果只是临时调试、100%确定当前调用场景下必然能查到玩家，可以加非空断言!告诉TS这个值不可能为空，这种写法会跳过类型校验，可能埋下运行时隐患：

getPlayerFromSocketID(socketId: string): Player {
    return this.players.find((p) => p.getSocketId() === socketId)!;
}

内容的提问来源于stack exchange，提问作者Mohamed Sameh Sellami