javaScript async await

最新推荐文章于 2024-11-05 22:07:06 发布

Morris_

最新推荐文章于 2024-11-05 22:07:06 发布

阅读量286

点赞数

分类专栏： # JavaScript 文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/Morris_/article/details/126984295

版权

JavaScript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

js 中的await async的含义和其他语言也是一样的，表示等待和异步。

使用方法举例：

window.loadUserListClick = () => {
    PageIndex++;
    fetch_UserList("", PageIndex, "", false, true, false).then((data) => {
        loadMoreUserListSucess(data);
        xxx.Dialog.HideLoading();
    }).catch((err) => {
    	PageIndex--;
        xxx.Dialog.HideLoading();
    });
 };

loadUserListClick 是一个点击事件， fetch_UserList() 是一个request 请求。点击按钮获取用户列表，请求是异步执行的。

我们使用 await 可以这样：

window.loadUserListClick = async () => {
    window.showLoading("");
    PageIndex++;
    const data = await fetch_UserList("", AssetsListPageIndex, "", false, true, false).catch((err) => {
        PageIndex--;
        ECP.Dialog.HideLoading();
    });
    loadMoreUserListSucess(data);
    xxx.Dialog.HideLoading();
};