9-2 有备无患——异步编程与异常处理实践.pptxVIP

汇报人：xxx时间：2026二号任务有备无患——异步编程与异常处理实践

任务说明01

本任务将基于已有的图片上传与Canvas图像处理功能，新增异步网络请求模拟目标检测数据、性能计时和异常处理功能。通过单击按钮，用户可以在图像上看到目标检测的边框标注，同时在控制台和页面上获取请求耗时及错误信息，完成异步编程与异常处理实践。二号任务任务说明

知识准备02

01Promise与异步编程范式目录JS异常处理02JS异常处理最佳实践03

1.Promise与异步编程范式知识准备（1）异步编程的必要性在开始深入学习Promise之前，我们需要理解为什么JS需要异步编程。想象一个生活中的场景：当你在快餐店点餐时，你必须站在柜台前等待食物准备完毕才能离开——这就像同步编程；而在一家服务不错的餐厅，点完单后你可以先坐下来做其他事情，等食物准备好服务员会送到你的桌前——这就是异步编程的思想。?在前端开发中，很多操作都可能需要相对较长时间才能完成，比如，从服务器获取数据、读取或处理大文件、处理用户输入、处理复杂计算。如果使用同步方式执行这些操作，网页就会“卡住”，导致用户无法进行任何其他操作。这就是为什么我们需要异步编程。（2）Promise：处理异步操作的优雅方式Promise是JS提供的一种处理异步操作的标准方案。你可以把它想象成一张“承诺票据”，代表了一个未来才会知道结果的操作。让我们