TypeScript函数重载问题：Angular HttpService如何实现兼容T与any的post方法？

你遇到的“Duplicate function implementation”编译错误，核心原因是两个post方法的签名在TypeScript编译阶段被判定为完全等价——当不指定泛型参数时，第二个方法的T会被自动推断为any，和第一个方法的返回类型Observable<any>完全重合，导致编译器认为这是重复定义。

不需要写两个方法，只需要保留带默认泛型值的泛型方法，就能同时覆盖两种使用场景：

import { Injectable } from '@angular/core';
import { HttpClient, HttpHeaders } from '@angular/common/http';
import { Observable } from 'rxjs';

@Injectable({
    providedIn: 'root'
})

export class HttpService {
    private options = {
        headers: new HttpHeaders({
            'Content-Type': 'application/json'
        })
    };

    constructor(private httpClient: HttpClient) {
    }

    // 带默认泛型值的post方法，同时支持any和指定泛型T的场景
    public post<T = any>(url: string, body?: any): Observable<T> {
        const data = body == null ? null : JSON.stringify(body);
        return this.httpClient.post<T>(url, data, this.options);
    }
}

说明： #

• 给泛型参数T设置默认值any，当你不指定泛型调用（比如httpService.post(url, body)）时，默认返回Observable<any>，和你原来的第一个方法效果完全一致；
• 当需要明确返回类型时，直接指定泛型参数（比如httpService.post<User>(url, userData)），就能获得Observable<User>类型的返回值；
• 简化了data的判断逻辑，body == null已经包含了body为undefined或null的情况。

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