14.JavaScript：async/await的实际使用

最新推荐文章于 2024-06-18 17:51:38 发布

原创

最新推荐文章于 2024-06-18 17:51:38 发布 · 371 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#await #async

本文深入探讨JavaScript中的async/await语法，通过实例讲解如何利用它们实现异步操作，包括异步读取数据和等待多个异步任务并行执行。首先介绍在数据存储类中异步读取数据的方法，接着展示如何使用async函数和Promise定义及执行多个异步任务，最后阐述如何确保所有任务完成后再进行网络请求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.需要异步加载几个参数然后进行网络请求

1.1数据存储类，异步读取数据

import {storage} from "./Storage";

export default class StorageOpt{
    /**
     key:保存的key值
     object：保存的value
     expires：有效时间，
     */

    static save(key,object,expires){
        storage.save({
            key: key,  // 注意:请不要在key中使用_下划线符号!
            data: object,
            // 如果不指定过期时间，则会使用defaultExpires参数
            // 如果设为null，则永不过期
            expires: expires
        });

    }

    /**
     * 删除指定key的值
     * @param key
     */
    static delete(key){
        // 删除单个数据
        storage.remove({
            key: key
        });
    }

    /**
     *  通过key加载数据
     */
    static loadDefault(key,callBack){
        StorageOpt.load(key, null, null, callBack);
    }

    /**
     *  通过key加载数据
     */
    static load(key,params,someFlag,callBack){
        storage.load({
            key: key,
            // autoSync(默认为true)意味着在没有找到数据或数据过期时自动调用相应的sync方法
            autoSync: true,
            // syn