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

js 同步和异步

作者:刺眼的男ren   发布日期:2026-05-20   浏览:77

// 同步代码示例
function syncFunction() {
    console.log("开始同步任务");
    for (let i = 0; i < 5; i++) {
        console.log("同步任务进行中: " + i);
    }
    console.log("结束同步任务");
}

syncFunction();

// 异步代码示例(使用setTimeout模拟异步操作)
function asyncFunction() {
    console.log("开始异步任务");
    setTimeout(() => {
        for (let i = 0; i < 5; i++) {
            console.log("异步任务进行中: " + i);
        }
        console.log("结束异步任务");
    }, 1000); // 模拟1秒后执行
}

console.log("主程序开始");
asyncFunction();
console.log("主程序继续执行");

// 解释说明:
// 在同步代码中,任务会按照顺序依次执行,直到所有任务完成。
// 在异步代码中,主程序不会等待异步任务完成,而是继续执行后续代码,异步任务会在适当的时候(如定时器到期)再执行。

异步代码的另一种形式(使用Promise)

function asyncFunctionWithPromise() {
    return new Promise((resolve, reject) => {
        console.log("开始异步任务");
        setTimeout(() => {
            try {
                for (let i = 0; i < 5; i++) {
                    console.log("异步任务进行中: " + i);
                }
                console.log("结束异步任务");
                resolve("异步任务成功完成");
            } catch (error) {
                reject("异步任务出错");
            }
        }, 1000); // 模拟1秒后执行
    });
}

console.log("主程序开始");
asyncFunctionWithPromise().then(result => {
    console.log(result);
}).catch(error => {
    console.error(error);
});
console.log("主程序继续执行");

// 解释说明:
// 使用Promise可以更好地处理异步操作的结果。当异步任务完成时,可以通过then方法获取结果;如果异步任务出错,则可以通过catch方法捕获错误。

上一篇:js object转json

下一篇:js ajax post

大家都在看

js 数组打乱顺序

js 两个数组取交集

js 数组对象排序

js 对象数组排序

js 数组删掉第一个值

js fill

js fill方法

js 数组连接

js json数组

js 数组复制

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

Laravel 中文站