Angular 8 和 9 中提供和注入“Window”与 Window 之间有什么区别

### Angular 8 和 9 中提供和注入“Window”与 Window 的区别

typescript
// 在组件中直接使用 window 对象
export class YourComponent {
  constructor() {
    // 访问 window 对象的属性和方法
    window.scrollTo(0, 0);
    const windowWidth = window.innerWidth;
    console.log('窗口宽度：', windowWidth);
  }
}

typescript
import { InjectionToken } from '@angular/core';
export const WINDOW = new InjectionToken('Window', {
  providedIn: 'root',
  factory: () => window
});

typescript
import { Inject } from '@angular/core';
import { WINDOW } from './app.module';
export class YourService {
  constructor(@Inject(WINDOW) private window: Window) {
    // 使用注入的 window 对象
    const windowWidth = this.window.innerWidth;
    console.log('窗口宽度：', windowWidth);
  }
}

typescript
import { Injectable } from '@angular/core';
@Injectable({
  providedIn: 'root'
})
export class YourService {
  constructor(private window: Window) {
    // 使用注入的 window 对象
    const windowWidth = this.window.innerWidth;
    console.log('窗口宽度：', windowWidth);
  }
}