Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

js promise详解

作者:浪子无家   发布日期:2026-01-25   浏览:99

// 创建一个 Promise 实例
const myPromise = new Promise((resolve, reject) => {
    // 模拟异步操作
    setTimeout(() => {
        const success = true; // 假设这是从服务器获取的数据或操作结果

        if (success) {
            resolve('操作成功'); // 成功时调用 resolve
        } else {
            reject('操作失败'); // 失败时调用 reject
        }
    }, 1000);
});

// 使用 then 方法处理 Promise 的成功和失败情况
myPromise
    .then(result => {
        console.log(result); // 输出: 操作成功
    })
    .catch(error => {
        console.error(error); // 如果有错误,这里会输出错误信息
    });

// 使用 async/await 语法糖简化 Promise 的使用
async function handlePromise() {
    try {
        const result = await myPromise;
        console.log(result); // 输出: 操作成功
    } catch (error) {
        console.error(error); // 如果有错误,这里会输出错误信息
    }
}

handlePromise();

解释说明:

  1. 创建 Promisenew Promise 构造函数接受一个执行器函数作为参数,该函数有两个参数 resolvereject,分别用于在异步操作成功或失败时调用。
  2. 处理 Promise:使用 .then() 方法来处理 Promise 成功的情况,使用 .catch() 方法来处理 Promise 失败的情况。
  3. async/awaitasync 函数返回一个 Promise,await 关键字用于等待 Promise 的完成,使得异步代码看起来像同步代码,更易于阅读和维护。

上一篇:js promise

下一篇:nodejs promise

大家都在看

js 数组对象排序

js 对象数组排序

js 数组删掉第一个值

js fill

js 数组连接

js json数组

js 数组复制

js 复制数组

js 数组拷贝

js 数组对象合并

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站