如何深入理解JavaScript中的进度管理机制？

本文共计1331个文字，预计阅读时间需要6分钟。

目录+前言+问题+原理+测试+前言+我们编写程序的时候会经常遇到显示进度的需求，例如加载进度、上传进度等。最常见的实现方式是通过记录已完成数量（loadedCount）和总数（totalCount）来计算进度。

目录

• 前言
• 问题
• 原理
• 测试

前言

我们写程序的时候会经常遇到显示进度的需求，如加载进度、上传进度等。
最常见的实现方式是通过记录已完成数量(loadedCount)和总数量(totalCount)，然后算一下就能得到进度了。
这种方式简单粗暴，容易实现，但不好扩展，必须有个地方维护所有loadedCount和totalCount。
本文将会基于上述实现方式，实现一种更容易扩展的进度管理方式。

问题

笔者在写 WebGL 应用，在应用预加载阶段需要计算加载进度。
加载的内容包括：模型资源、贴图资源、脚本资源等。
其中模型资源中又会包含材质资源，材质资源里面又会包含贴图资源。