10、JavaScript异步编程与SportsStore项目搭建

JavaScript异步编程与SportsStore项目搭建

1. JavaScript异步编程问题及解决方案

在JavaScript编程中，异步操作可能会导致结果获取不及时的问题。例如，在执行 asyncAdd 函数时，其结果可能在 example.js 文件中的语句执行完之后才产生。以下是一个示例：

// 假设这是asyncAdd函数的调用情况
// 代码中未给出asyncAdd具体实现，但会导致如下输出问题
// 浏览器控制台输出：
// Main Total: undefined
// Async Total: 150

这是因为浏览器执行 example.js 文件中的语句并调用 asyncAdd 函数后，会继续执行下一条语句，而此时异步任务可能尚未完成，所以输出为 undefined 。

1.1 使用JavaScript Promise解决问题

为了解决上述问题，可以使用JavaScript的 Promise 对象。以下是在 async.js 文件中使用 Promise 的示例：

import { sumValues } from "./sum";
export function asyncAdd(values) {