在 Javascript 中存储对象的当前状态的最佳实践是什么?

What's the best practice to store the object's current state in Javascript?

本文关键字：最佳 是什么 状态 Javascript 存储 对象      更新时间：2023-09-26

我正在使用AngularJS应用程序编写一个JavaScript，该应用程序通常处理从Web服务下载数据，随之而来的是加载和错误消息。

起初我用

$scope.myObj = {};
$scope.myObjReady = true|false;
$scope.myObjLoading = true|false;
$scope.myObjError = true|false;

所以我可以在回调中为对象的状态设置正确的值，并且由于 angular 的双向绑定，UI 会自动刷新，但后来我选择了更有条理的方式

$scope.myObj = {
    data: {},
    ready: true|false,
    loading: true|false,
    error: true|false,
    errorMessage: ""
}
我

意识到，由于对象不能同时出错和加载，我应该转向不同的方法，例如

$scope.myObj.state = "";
...
$scope.myObj.state = "loading"|"ready"|"error";

但是这种方法尽管设置状态更快（在此设置为 true 之前需要将所有其他设置为 false）处理编写字符串，我觉得这是非常业余的。

在这种情况下，你会使用什么？

编辑：考虑到 AngularJS 框架，我无法与 HTML UI 文件中不在范围内的对象进行比较。

在 Javascript 中，你可以让一个对象假装成一个枚举：

var STATE = {
    LOADING: 0,
    READY: 1,
    ERROR: 2
};

然后打电话

$scope.myObj.state = STATE.LOADING;

state变量中将包含 1。无需任何字符串。

一些扩展信息可以在这篇博文中找到：https://stijndewitt.wordpress.com/2014/01/26/enums-in-javascript/

在 Javascript 中，你可以像这样制作枚举 

var StateEnum = Object.freeze({"LOADING":1, "READY":2, "ERROR":3});
$scope.state=StateEnum.READY;

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/freeze 保护它

为案例定义枚举。即

$scope.myObj.enums.LOADING_STATE_LOADING = 1
$scope.myObj.enums.LOADING_STATE_READY = 2
$scope.myObj.enums.LOADING_STATE_ERROR = 3

然后检查这些值，而不是每次都写入字符串

相关文章：