鸿蒙HarmonyOS 实战：加载状态管理、观察者模式—LoadState

背景

1、在ArkTS的架构中，没有明确的可管理的加载请求状态的脚手架，在进行网络请求过程中，无法简单的进行交互响应。

2、参考Android中的LoadState写了一个简单的脚手架，以便在日常开发过程中，管理加载请求状态和UI交互。

脚手架说明与源码

1、状态机LoadState

使用一个状态机，分别对应网络请求过程中的Loading（发起请求）、Loaded(请求成功)、LoadError(请求失败)状态，并支持链式调用：

	/**
	* 网络请求MVVM数据模型，由子类实现状态机管理，由方法实现回调监听
	*/
	export abstract class LoadState {
	/**
	* loading函数，如果当前状态是Loading，则调用回调函数
	* @param callBack 回调函数
	* @returns this
	*/
	loading(callBack?: () => void): this {
	if (this instanceof Loading) {
	callBack?.call(null);
	}
	return this;
	}
	/**
	* loaded函数，如果当前状态是Loaded，则调用回调函数
	* @param callBack 回调函数
	* @returns this
	*/
	loaded(callBack?: (result: Loaded) => void): this {
	if (this instanceof Loaded) {
	callBack?.call(null, this);
	}
	return this;
	}
	/**
	* loadError函数，如果当前状态是LoadError，则调用回调函数
	* @param callBack 回调函数
	* @returns this
	*/
	loadError(callBack?: (error: LoadError) => void): this {
	if (this instanceof LoadError) {
	callBack?.call(null, this);
	}
	return this;