Angular中subscribe后如何正确获取变量值？

你的问题核心是HTTP请求的异步特性导致的，加上变量初始化不严谨，才会出现首次有值、后续变为undefined的情况：

• subscribe的回调函数是后端返回数据后才执行的，但你把console.log和依赖listCodes的逻辑放在了subscribe外面，这些代码会先于回调执行，此时listCodes还没被赋值，自然拿不到正确结果。
• 后续操作时如果没给listCodes兜底初始化，一旦请求异常或无数据返回，变量就会变成undefined。

具体修复步骤 #

1. 提前初始化变量 #

在组件类里先把listCodes初始化为空数组，从根源避免undefined：

// 组件类中定义变量
listCodes: any[] = [];

2. 把依赖异步数据的逻辑放到subscribe回调内 #

所有需要用到listCodes的操作，必须等请求完成、变量赋值后再执行，也就是放到subscribe的回调函数里：

getCode(aplicationForm: any) {
  this.productService.getListCodes(aplicationForm.value)     
    .subscribe({
      next: (res) => {
        this.listCodes = res;
        // 这里才能确保拿到最新的listCodes值
        console.log("Valor do tamanho lista:" + this.listCodes.length);
        // 调用checkCode也必须放在这里
        const checkResult = this.checkCode();
        console.log("校验结果:", checkResult);
      },
      error: (err) => {
        // 请求失败时兜底，避免变量变为undefined
        this.listCodes = [];
        console.error("请求出错:", err);
      }
    });
}

3. 优化checkCode方法，增加容错 #

就算初始化了变量，也最好在方法里加一层判断，防止意外报错：

checkCode(): boolean {
  // 先判断是否为数组，再判断长度
  return Array.isArray(this.listCodes) && this.listCodes.length > 0;
}

可选：用async/await简化异步逻辑 #

如果习惯同步写法，可以把Observable转成Promise，用async/await处理：

async getCode(aplicationForm: any) {
  try {
    const res = await this.productService.getListCodes(aplicationForm.value).toPromise();
    this.listCodes = res || [];
    console.log("Valor do tamanho lista:" + this.listCodes.length);
    const checkResult = this.checkCode();
    console.log("校验结果:", checkResult);
  } catch (err) {
    this.listCodes = [];
    console.error("请求出错:", err);
  }
}

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