Angular构造函数是否自动初始化对象？依赖注入相关疑问

我发现一个特殊现象：在类中声明带类型但未初始化的变量时，无法访问该类的方法，这符合预期；但在构造函数中以同样未初始化的方式声明变量，却能调用该类的方法。此现象仅在Angular中出现，纯TypeScript中无此情况。我猜测是Angular自动初始化了构造函数内的变量，现附上相关代码及报错信息。

报错内容 #

ERROR TypeError: Cannot read properties of undefined (reading 'handle')
at ProductsService.errorHandler

相关代码 #

正常工作的版本 #

export class ProductsService {
    // 这种初始化方式可以正常工作
    constructor(private http: HttpClient, private errorService: ErrorService) {
    }

    getProducts(): Observable<Iproduct[]>{
        return this.http.get<Iproduct[]>('https://fakestoreapi.com/productsp',{
            params: new HttpParams().append('limit', '8')
        })
        .pipe(
            tap((value) => console.log(value)), 
            delay(2000),
            catchError(this.errorHandler.bind(this))
        );

    }
    // 调用方法无问题
    private errorHandler(error: HttpErrorResponse){
        this.errorService.handle(error.message);
        return throwError(() =>error.message);
    }
}

报错的版本 #

// 这种写法会导致报错
export class ProductsService{
    // 变量声明方式不同
    private errorService: ErrorService 
    // 手动初始化就能正常工作
    // private errorService: ErrorService = new ErrorService()
    constructor(private http: HttpClient,){
        
    }

    getProducts(): Observable<Iproduct[]>{
        return this.http.get<Iproduct[]>('https://fakestoreapi.com/productsp',{
            params: new HttpParams().append('limit', '8')
        })
        .pipe(
            tap((value) => console.log(value)), 
            delay(2000),
            catchError(this.errorHandler.bind(this))
        );

    }

    private errorHandler(error: HttpErrorResponse){
        // 此处方法调用失败
        this.errorService.handle(error.message);
        return throwError(() =>error.message);
    }

}

问题解答 #

你的猜测不完全准确，核心原因是Angular的依赖注入机制，而非简单的"自动初始化构造函数内的变量"。

• 当你在构造函数中使用private errorService: ErrorService这类语法时，这不是普通的变量声明，而是Angular依赖注入的简写语法。Angular在实例化ProductsService时，会自动从依赖注入器中获取ErrorService的实例，赋值给这个成员变量，同时自动完成类属性的声明。
• 而在类中单独声明private errorService: ErrorService但不初始化时，Angular不会处理这个变量——因为你没有通过构造函数参数告知Angular这是一个需要注入的依赖，所以errorService始终为undefined，调用它的方法自然会抛出报错。

简言之，构造函数里的private/public参数是Angular依赖注入的语法糖，会触发注入逻辑；类内单独的变量声明如果没有手动初始化或通过注入器获取实例，就会保持undefined状态。

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