コールバックのネスト問題 | コールバック関数の仕組み | JavaScript 超完全入門 基本から発展までのすべて

function task1(callback) {
    setTimeout(function () {
        console.log("Task 1 完了");
        callback();
    }, 1000);
}

function task2(callback) {
    setTimeout(function () {
        console.log("Task 2 完了");
        callback();
    }, 1000);
}

function task3(callback) {
    setTimeout(function () {
        console.log("Task 3 完了");
        callback();
    }, 1000);
}

task1(function () {
    task2(function () {
        task3(function () {
            console.log("すべてのタスクが完了しました");
        });
    });
});

function task1() {
    return new Promise(function (resolve) {
        setTimeout(function () {
            console.log("Task 1 完了");
            resolve();
        }, 1000);
    });
}

function task2() {
    return new Promise(function (resolve) {
        setTimeout(function () {
            console.log("Task 2 完了");
            resolve();
        }, 1000);
    });
}

function task3() {
    return new Promise(function (resolve) {
        setTimeout(function () {
            console.log("Task 3 完了");
            resolve();
        }, 1000);
    });
}

task1()
    .then(task2)
    .then(task3)
    .then(function () {
        console.log("すべてのタスクが完了しました");
    });

task1()
    .then(task2)
    .then(task3)
    .then(function () {
        console.log("すべてのタスクが完了しました");
    })
    .catch(function (error) {
        console.error("エラーが発生しました:", error);
    });

async function executeTasks() {
    await task1();
    await task2();
    await task3();

    console.log("すべてのタスクが完了しました");
}

executeTasks();

async function executeTasks() {
    try {
        await task1();
        await task2();
        await task3();

        console.log("すべてのタスクが完了しました");
    } catch (error) {
        console.error("エラーが発生しました:", error);
    }
}

executeTasks();