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

js promise await

作者:花小泽ノ   发布日期:2025-12-13   浏览:101

// 示例代码:使用 Promise 和 await

// 创建一个返回 Promise 的函数
function fetchData() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      const data = { message: "数据获取成功" };
      resolve(data); // 模拟异步操作成功
      // reject("数据获取失败"); // 可以用来模拟异步操作失败
    }, 1000);
  });
}

async function getData() {
  try {
    console.log("开始获取数据...");
    const result = await fetchData(); // 等待 Promise 完成
    console.log(result.message); // 输出成功结果
  } catch (error) {
    console.error("发生错误:", error); // 捕获并处理错误
  }
}

getData();

解释说明:

  1. PromisefetchData 函数返回一个 Promise,它在 1 秒后通过 resolvereject 来决定是成功还是失败。
  2. await:在 getData 函数中,我们使用 await 关键字来等待 fetchData() 返回的 Promise 完成。await 只能在 async 函数内部使用。
  3. try...catch:用于捕获可能发生的错误(例如 Promise 被拒绝的情况),并在控制台输出错误信息。

上一篇:js await promise

下一篇:nodejs await

大家都在看

js 数组对象排序

js 数组删掉第一个值

js fill

js 数组连接

js json数组

js 数组复制

js 复制数组

js 数组拷贝

js 对象数组合并

js 对象转数组

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

Laravel 中文站