createPlatformFactory 返回的方法

獲取當(dāng)前平臺(tái)實(shí)例

如果當(dāng)前平臺(tái)實(shí)例不存在并且不存在 AllowMultipleToken 這個(gè)允許多個(gè)令牌的服務(wù)提供者

父級(jí)平臺(tái)工廠方法 parentPlatformFactory 存在，則合并服務(wù)提供商并遞歸調(diào)用 parentPlatformFactory

父級(jí)平臺(tái)工廠方法 parentPlatformFactory 不存在，則使用注入器創(chuàng)建實(shí)例方法 Injector.create 創(chuàng)建實(shí)例平臺(tái)實(shí)例并用 createPlatform 設(shè)置為全局的平臺(tái)實(shí)例

調(diào)用 assertPlatform 確認(rèn) IOC 容器中存在 該 marker 的平臺(tái)實(shí)例并返回

所以創(chuàng)建平臺(tái)實(shí)例的順序上，應(yīng)該是 合并 browserDynamic 的 provider => 合并 coreDynamic 的 provider => 合并 provider 并創(chuàng)建 core

大概用人話描述就是：

判斷是否已經(jīng)創(chuàng)建過(guò)了

判斷是否有父 Factory

如果有父 Factory 就把調(diào)用 Factory 時(shí)傳入的 Provider 和調(diào)用 createPlatformFactory 傳入的 Provider 合并，然后調(diào)用父 Factory

如果沒(méi)有父 Factory ，先創(chuàng)建一個(gè) Injector ，然后去創(chuàng)建 PlatformRef 實(shí)例

angular/packages/core/src/application_ref.ts

let _platform: PlatformRef;

/**
 * Creates a platform.
 * Platforms have to be eagerly created via this function.
 *
 * @publicApi
 */
export function createPlatform(injector: Injector): PlatformRef {
  if (_platform && !_platform.destroyed &&
      !_platform.injector.get(ALLOW_MULTIPLE_PLATFORMS, false)) {
    throw new Error(
        "There can be only one platform. Destroy the previous one to create a new one.");
  }
  _platform = injector.get(PlatformRef);
  const inits = injector.get(PLATFORM_INITIALIZER, null);
  if (inits) inits.forEach((init: any) => init());
  return _platform;
}

_platform 是全局的唯一平臺(tái)實(shí)例。

創(chuàng)建平臺(tái)實(shí)例關(guān)鍵方法，傳入服務(wù)注入器實(shí)例 injector 返回平臺(tái)實(shí)例：

確認(rèn)全局的平臺(tái)實(shí)例存在，狀態(tài)不是被銷(xiāo)毀，并且不存在多個(gè)平臺(tái)實(shí)例

從注入器中獲取平臺(tái)實(shí)例

injector.get(PLATFORM_INITIALIZER, null) 獲取初始化平臺(tái)時(shí)需要執(zhí)行的函數(shù)并執(zhí)行

回過(guò)頭看 platformBrowserDynamic：

angular/packages/platform-browser-dynamic/src/platform-browser-dynamic.ts

/**
 * @publicApi
 */
export const platformBrowserDynamic = createPlatformFactory(
    platformCoreDynamic, "browserDynamic", INTERNAL_BROWSER_DYNAMIC_PLATFORM_PROVIDERS);

重點(diǎn)來(lái)了：INTERNAL_BROWSER_DYNAMIC_PLATFORM_PROVIDERS

這個(gè) providers 究竟提供了什么服務(wù)？

angular/packages/platform-browser-dynamic/src/platform_providers.ts

/**
 * @publicApi
 */
export const INTERNAL_BROWSER_DYNAMIC_PLATFORM_PROVIDERS: StaticProvider[] = [
  INTERNAL_BROWSER_PLATFORM_PROVIDERS,
  {
    provide: COMPILER_OPTIONS,
    useValue: {providers: [{provide: ResourceLoader, useClass: ResourceLoaderImpl, deps: []}]},
    multi: true
  },
  {provide: PLATFORM_ID, useValue: PLATFORM_BROWSER_ID},
];

除了 COMPILER_OPTIONS 和 PLATFORM_ID，大概重點(diǎn)就是 INTERNAL_BROWSER_PLATFORM_PROVIDERS 了吧。

INTERNAL_BROWSER_PLATFORM_PROVIDERS 來(lái)自 @angular/platform-browser：

angular/packages/platform-browser/src/browser.ts

export const INTERNAL_BROWSER_PLATFORM_PROVIDERS: StaticProvider[] = [
  {provide: PLATFORM_ID, useValue: PLATFORM_BROWSER_ID},
  {provide: PLATFORM_INITIALIZER, useValue: initDomAdapter, multi: true},
  {provide: PlatformLocation, useClass: BrowserPlatformLocation, deps: [DOCUMENT]},
  {provide: DOCUMENT, useFactory: _document, deps: []},
];

@angular/platform-browser 提供了一些瀏覽器端的ng實(shí)現(xiàn)：

PLATFORM_INITIALIZER 是初始化需要執(zhí)行的方法集合 這個(gè)很重要

DOCUMENT 瀏覽器端的 document ，_document 工廠方法返回 document

在上面，createPlatform 的時(shí)候，會(huì) const inits = injector.get(PLATFORM_INITIALIZER, null); if (inits) inits.forEach((init: any) => init()); 依次執(zhí)行 PLATFORM_INITIALIZER 注入的工廠方法。

那么來(lái)看看 initDomAdapter 吧：

angular/packages/platform-browser/src/browser.ts

export function initDomAdapter() {
  BrowserDomAdapter.makeCurrent();
  BrowserGetTestability.init();
}

BrowserDomAdapter.makeCurrent(); 通過(guò) BrowserDomAdapter 的靜態(tài)方法實(shí)例化一個(gè) BrowserDomAdapter 全局DOM適配器 ，具體就是實(shí)現(xiàn)并封裝了一些在瀏覽器端的方法，具體的可以看 angular/packages/platform-browser/src/browser/browser_adapter.ts 中的 class BrowserDomAdapter extends GenericBrowserDomAdapter

BrowserGetTestability.init(); 則是初始化 angular 的測(cè)試，這個(gè)就沒(méi)看了

回過(guò)頭看下，在創(chuàng)建 platformBrowserDynamic 時(shí)候，傳入了返回父平臺(tái)實(shí)例的方法 platformCoreDynamic

angular/packages/platform-browser-dynamic/src/platform_core_dynamic.ts

import {COMPILER_OPTIONS, CompilerFactory, PlatformRef, StaticProvider, createPlatformFactory, platformCore} from "@angular/core";
import {JitCompilerFactory} from "./compiler_factory";

/**
 * A platform that included corePlatform and the compiler.
 *
 * @publicApi
 */
export const platformCoreDynamic = createPlatformFactory(platformCore, "coreDynamic", [
  {provide: COMPILER_OPTIONS, useValue: {}, multi: true},
  {provide: CompilerFactory, useClass: JitCompilerFactory, deps: [COMPILER_OPTIONS]},
]);

platformCoreDynamic 又傳入了

來(lái)自 @angular/core 的 平臺(tái)核心 platformCore

平臺(tái)名 coreDynamic

2個(gè)靜態(tài)服務(wù)提供者：編譯選項(xiàng) COMPILER_OPTIONS 和 platformDynamic 的JIT編譯器工廠 JitCompilerFactory

angular/packages/core/src/platform_core_providers.ts

import {PlatformRef, createPlatformFactory} from "./application_ref";
import {PLATFORM_ID} from "./application_tokens";
import {Console} from "./console";
import {Injector, StaticProvider} from "./di";
import {TestabilityRegistry} from "./testability/testability";

const _CORE_PLATFORM_PROVIDERS: StaticProvider[] = [
  // Set a default platform name for platforms that don"t set it explicitly.
  {provide: PLATFORM_ID, useValue: "unknown"},
  // 在這里 PlatformRef 被加入了 injector 并在 createPlatformFactory 中實(shí)例化
  {provide: PlatformRef, deps: [Injector]},
  {provide: TestabilityRegistry, deps: []},
  {provide: Console, deps: []},
];

/**
 * This platform has to be included in any other platform
 *
 * @publicApi
 */
export const platformCore = createPlatformFactory(null, "core", _CORE_PLATFORM_PROVIDERS);

platformCore 則是創(chuàng)建了一個(gè)返回根平臺(tái)工廠實(shí)例的方法，并設(shè)置了4個(gè)基礎(chǔ)的DI的服務(wù)提供者

PLATFORM_ID 平臺(tái)id

PlatformRef 在這里 PlatformRef 被加入了 injector 并在后續(xù)的 createPlatformFactory 中通過(guò) createPlatform(Injector.create({providers: injectedProviders, name: desc})); 平臺(tái)實(shí)例會(huì)被實(shí)例化

TestabilityRegistry 可測(cè)試性注冊(cè)表 測(cè)試相關(guān)

Console 很有意思 angular 把 Console 作為服務(wù)注入了DI，但是 Console 只實(shí)現(xiàn)了 log和warn兩個(gè)方法

angular/packages/core/src/application_ref.ts

@Injectable()
export class PlatformRef {
  private _modules: NgModuleRef<any>[] = [];
  private _destroyListeners: Function[] = [];
  private _destroyed: boolean = false;

  /** @internal */
  constructor(private _injector: Injector) {}

  bootstrapModuleFactory(moduleFactory: NgModuleFactory, options");Promise> {
        ...
  }

  bootstrapModule(
      moduleType: Type, compilerOptions: (CompilerOptions&BootstrapOptions)|
      Array = []): Promise> {
    const options = optionsReducer({}, compilerOptions);
    return compileNgModuleFactory(this.injector, options, moduleType)
        .then(moduleFactory => this.bootstrapModuleFactory(moduleFactory, options));
  }

  private _moduleDoBootstrap(moduleRef: InternalNgModuleRef<any>): void {
    ...
  }

  onDestroy(callback: () => void): void { this._destroyListeners.push(callback); }

  get injector(): Injector { return this._injector; }

  destroy() {
    if (this._destroyed) {
      throw new Error("The platform has already been destroyed!");
    }
    this._modules.slice().forEach(module => module.destroy());
    this._destroyListeners.forEach(listener => listener());
    this._destroyed = true;
  }

  get destroyed() { return this._destroyed; }
}

PlatformRef 就是平臺(tái)實(shí)例的類(lèi)，有一些方法和屬性等，例如幾個(gè)關(guān)鍵的方法

bootstrapModule 引導(dǎo)根模塊的方法

bootstrapModuleFactory 實(shí)例模塊的工廠方法，會(huì)運(yùn)行 zone.js 并監(jiān)聽(tīng)事件

destroy 銷(xiāo)毀平臺(tái)實(shí)例的方法

這個(gè)我們放到后文去說(shuō)吧

調(diào)用 platformBrowserDynamic() 并生成平臺(tái)實(shí)例 PlatformRef 時(shí)大概經(jīng)歷了這些：

調(diào)用 createPlatformFactory 合并平臺(tái) browserDynamic 的 providers 并觸發(fā)父級(jí)平臺(tái) coreDynamic 的平臺(tái)工廠函數(shù)

調(diào)用 createPlatformFactory 合并平臺(tái) coreDynamic 的 providers 并觸發(fā)父級(jí)平臺(tái) core 的平臺(tái)工廠函數(shù)

由于平臺(tái) core 無(wú)父級(jí)平臺(tái)，調(diào)用 Injector.create 創(chuàng)建 PlatformRef 實(shí)例，并賦值給全局唯一的平臺(tái)實(shí)例 _platform

在 createPlatform 創(chuàng)建 PlatformRef 的時(shí)候，實(shí)例化一個(gè) BrowserDomAdapter 全局DOM適配器 ，具體就是實(shí)現(xiàn)并封裝了一些在瀏覽器端的方法

最后斷言，確認(rèn)存在 PlatformRef 實(shí)例，并返回 PlatformRef 實(shí)例