Ts2532，对象可能是“未定义”

Question

我正在尝试修补我正在使用平均堆栈创建的项目中的任务。所有 api 的工作，但是当我尝试使用 id 参数修补元素时，出现错误：

"Object is possibly 'undefined'".

我想做的是：

1. 获取具有精确 id 的元素
2. 使用该 id 作为查询来修补该元素

这是代码：

    export class TaskServicesService {
        
      constructor(private myHttp: HttpClient) { }
    
      async updateTask(payload: any) : Promise<any> {
        const task = await this.myHttp.get('http://localhost:3000/').toPromise();
        const elId: any = task.id;
        return await this.myHttp.patch('http://localhost:3000/list/', {title: payload}).toPromise();
      }
    
    }

Answer 1

这个错误的原因是方程的正确值（右值）可能是undefined。避免此错误的一种方法是在将对象用作正确值之前检查对象是否为undefined。我了解在您的应用程序中，此错误是由 task.id 对象引起的。希望我们可以通过以下方式解决此问题：

if(task.id !== null && task.id !== undefined)
{
    const elId: task.id;
    return await this.myHttp.patch('http://localhost:3000/list/', {title: payload}).toPromise();
}
else
{
    /* Error Handling */
}

Answer 2

尝试使用可选链接运算符 - ?:

const task: any = await this.myHttp.get('http://localhost:3000/').toPromise();
const elId: any = task?.id;

如果您确定task 的值不是null 或undefined，您还可以使用非空断言运算符-!：

const task: any = await this.myHttp.get('http://localhost:3000/').toPromise();
const elId: any = task!.id;