Angular10+TypeScript如何获取subscribe外变量值用于service方法返回

你遇到的是RxJS异步流的执行顺序问题：convertStringtoArray返回的是异步Observable，subscribe内的回调会在异步请求完成后才执行，而你原来的代码中return this.http.post是同步执行的，执行时this.updatedStr还未被异步回调赋值，因此返回undefined。

使用RxJS的switchMap操作符串联两个异步流，无需手动subscribe内层Observable，既可以拿到第一个请求的返回值拼接参数，又能保持方法原有返回类型不变，外部调用逻辑无需修改。

修正后代码 #

getProductbyFilter(filter: filterDataModel): Observable<any> {
  // 直接返回串联后的Observable流
  return this.stringtoArrayService.convertStringtoArray('替换为实际的字符串入参').pipe(
    switchMap(productUserResponse => {
      let updatedStr = '';
      if (productUserResponse) {
        this.userProfileProduct = productUserResponse;
        const newParams = this.userProfileProduct[0].Function_Network;
        if (newParams != null) {
          // 注意：原生String.replace仅支持两个参数，全局替换需使用正则加g标志，原写法第三个参数无效
          updatedStr = newParams.replace('&', '__');
        } else {
          updatedStr = newParams;
        }
      }
      // 第一个请求处理完成后，返回第二个post请求的Observable
      return this.http.post(url + updatedStr, filter, httpOptions);
    })
  );
}

外部调用getProductbyFilter方法时正常subscribe即可，会自动按顺序执行「字符串转数组→处理参数→发起post请求」的全流程：

this.xxxService.getProductbyFilter(filterParams).subscribe(res => {
  // 处理post请求返回结果
})

• 若productUserResponse为空，需自行补充updatedStr的默认值，避免拼接的URL不符合预期
• 原代码中replace方法的第三个参数无作用，如需全局替换&字符，可修改为newParams.replace(/&/g, '__')

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