Angular中调用trouve方法始终返回false的技术求助

这是典型的异步操作时序问题，我来给你拆解一下为什么会出现这种情况：

你的trouve方法里调用了this.comapanyService.query()，这是一个HTTP请求，属于异步操作——也就是说subscribe里的代码不会立刻执行，它要等后端返回数据后才会触发。但你的方法在subscribe回调执行之前，就已经走到了if(bool) return true;else return false这一步，这时候bool还是初始值false，所以方法直接返回了false。等后续HTTP请求完成，subscribe里的逻辑把bool改成true的时候，方法早就已经返回结果了，自然不会改变之前的返回值。

解决方案：让方法返回Observable，异步获取结果 #

我们需要把trouve改成返回Observable<boolean>，利用RxJS的操作符来处理异步逻辑，而不是试图同步返回结果：

// 修正拼写错误：comapanyService → companyService
trouve(id: number): Observable<boolean> {
  return this.companyService.query().pipe(
    map(resula => {
      // 用Array.some替代for循环，更简洁地判断是否存在匹配项
      return resula.json.some(item => {
        try {
          return item.user.id === id;
        } catch (error) {
          // 当item.user不存在时，返回false避免报错
          return false;
        }
      });
    })
  );
}

然后修改调用trouve的confirmDelete方法，通过订阅Observable来获取正确的结果：

confirmDelete(login) {
  this.userService.find(login).subscribe((response) => {
    const id = response.id;
    this.trouve(id).subscribe(result => {
      console.log('resulta :', result);
      // 这里可以根据result做后续操作，比如确认删除逻辑
    });
  });
}

如果习惯用async/await的写法，也可以把方法改成异步函数，用toPromise()转换Observable：

async confirmDelete(login) {
  try {
    const response = await this.userService.find(login).toPromise();
    const id = response.id;
    const result = await this.trouve(id).toPromise();
    console.log('resulta :', result);
  } catch (error) {
    // 处理请求异常
    console.error('请求出错:', error);
  }
}

额外提醒 #

1. 注意代码里的拼写错误：comapanyService应该是companyService，避免后续出现找不到服务的问题。
2. 尽量用RxJS的操作符（比如map、some）替代手动for循环，让代码更简洁易维护。

内容的提问来源于stack exchange，提问作者abdennaceur