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

js 异步执行

作者:风外听竹   发布日期:2025-06-22   浏览:77

// 使用 Promise 实现异步执行
function asyncFunction() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      const success = true; // 模拟异步操作的成功或失败
      if (success) {
        resolve("异步操作成功");
      } else {
        reject("异步操作失败");
      }
    }, 1000); // 模拟耗时1秒的异步操作
  });
}

// 调用异步函数并处理结果
asyncFunction()
  .then(result => {
    console.log(result); // 输出: 异步操作成功
  })
  .catch(error => {
    console.error(error); // 如果失败,会输出: 异步操作失败
  });

// 使用 async/await 实现异步执行
async function handleAsync() {
  try {
    const result = await asyncFunction();
    console.log(result); // 输出: 异步操作成功
  } catch (error) {
    console.error(error); // 如果失败,会输出: 异步操作失败
  }
}

handleAsync();

解释说明:

  1. PromiseasyncFunction 是一个返回 Promise 的函数,它模拟了一个耗时1秒的异步操作。如果操作成功,Promise 会被 resolve,否则会被 reject
  2. 调用异步函数:通过 .then().catch() 来处理 Promise 的成功和失败情况。
  3. async/awaithandleAsync 函数使用了 async/await 语法糖来简化异步代码的编写。await 等待 asyncFunction 执行完毕,并根据结果进行相应的处理。

上一篇:js blob转base64

下一篇:js settimeout

大家都在看

js 数组对象排序

js 数组删掉第一个值

js fill

js 数组复制

js 复制数组

js 数组拷贝

js 对象转数组

js 深拷贝数组

js 获取今天年月日

js jsonp

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

Laravel 中文站