RxJS顺序API调用异常：首次成功后终止后续调用问题

问题原因 #

1. scan操作符缺少初始值：当前scan未设置初始累加值，导致第一个累加器的值是第一个result（即State.SUCCESS或State.ERROR字符串）。当第一个请求成功时，fileNo为字符串'success'，执行fileNo + 1得到'success1'，若// some code here中存在将fileNo当作数字处理的逻辑（如数值比较、运算），会触发类型错误，直接终止整个流。而所有请求返回400时，累加器虽为字符串，但错误分支的逻辑未依赖数值类型，因此流能继续执行。
2. this.request上下文存在潜在风险：buildRequest是普通函数，若在类中定义，通过concatMap(entry => buildRequest(entry))调用时可能丢失this指向，导致this.request变为undefined。你提到第一个请求能成功执行，说明该问题当前未触发，但仍需修正以避免后续异常。

解决步骤 #

1. 给scan添加初始值 #

修改scan操作符，指定初始累加值为数字0，确保累加器始终为数值类型：

from(files).pipe(
    concatMap(entry => buildRequest(entry)),
    scan((fileNo, result, index) => {
        // fileNo初始为0，后续均为数字，可安全进行数值操作
        // some code here
        return fileNo + 1;
    }, 0) // 添加初始值0
).subscribe();

2. 修正this.request的上下文问题 #

• 如果request是类成员方法，将buildRequest改为箭头函数，确保this指向类实例：

const buildRequest = (file: File) => {
    return toBase64(file).pipe(
        switchMap(base64 => this.request(base64)),
        map(() => State.SUCCESS),
        catchError((err) => {
            console.error(err);
            return of(State.ERROR);
        })
    );
};

• 如果request是外部常量函数，直接去掉this，使用request(base64)：

switchMap(base64 => request(base64)),

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