??? JavaScript ??

JavaScript? ?? ?????? ? ?? ??? ??? ??? ? ????. ?? ??, ?? API ???? ?? ??? ?? I/O ??? ???? ?? JavaScript? ??? ?????? ?????. ?? ?? ?? ?? ??? ??? ??? ???? ?? ?? ??? ?? ??? ? ????.

?? ??

???? JavaScript? ??? ??? ?? ??? ???? ???????. ??? ?? ??? ??? ???? ??? ??? ? ???? ?????.

?:

function fetchData(callback) {
    setTimeout(() => {
        callback('Data fetched');
    }, 2000);
}

fetchData((message) => {
    console.log(message);
});

??

??? ??? ?? ????? ???? ?? Promise? ???????. ??? ?? ?? ??? ??? ? ??? ?? ??? ? ?? ?? ?????.

?:

let promise = new [Promise]((resolve, reject) => {
    setTimeout(() => {
        resolve('Data fetched');
    }, 2000);
});

promise.then((message) => {
    console.log(message);
}).catch((error) => {
    console.error(error);
});

???/??

Async/Await? Promise? ???? ??? ?? ????, ??? ??? ?? ???? ??? ???? ????. ??? ?? ??? ? ?? ?? ??? ? ????.

?? ???

1. ??? ??: async ???? ??? ??? Promise? ?????.
2. Await ???: Wait ???? ??? ?? ???? ??? ? ????. Promise? ????? ??? ??? JavaScript? ???? ???.

?:

async function fetchData() {
    let promise = new Promise((resolve, reject) => {
        setTimeout(() => resolve('Data fetched'), 2000);
    });

    let result = await promise; // Wait until the promise resolves
    console.log(result);
}

fetchData();

?? ??

async/await??? try...catch ??? ???? ?? ??? ??????.

?:

async function fetchData() {
    try {
        let promise = new Promise((resolve, reject) => {
            setTimeout(() => reject('Error fetching data'), 2000);
        });

        let result = await promise;
        console.log(result);
    } catch (error) {
        console.error(error);
    }
}

fetchData();

?? ??

?? ??? ??? ??? ????? Promise.all? async/await? ?? ??? ? ????.

?:

async function fetchAllData() {
    let promise1 = new Promise((resolve) => setTimeout(() => resolve('Data 1'), 2000));
    let promise2 = new Promise((resolve) => setTimeout(() => resolve('Data 2'), 1000));

    let results = await Promise.all([promise1, promise2]);
    console.log(results); // ['Data 1', 'Data 2']
}

fetchAllData();

?? ??

??? ??

??? ????? ???? ?? ?? ??? ??? ?????.

?:

async function fetchSequentialData() {
    let data1 = await new Promise((resolve) => setTimeout(() => resolve('Data 1'), 2000));
    console.log(data1);

    let data2 = await new Promise((resolve) => setTimeout(() => resolve('Data 2'), 1000));
    console.log(data2);
}

fetchSequentialData();

Async/Await? ?? Promise? ??

async/await? then? ?? ???? Promise ???? ???? catch? ? ????.

?:

async function fetchData() {
    let data = await fetch('https://api.example.com/data');
    return data.json();
}

fetchData().then((data) => {
    console.log(data);
}).catch((error) => {
    console.error(error);
});

??

Async/Await? ??? ??? ???? ? ???? ?? ?? ??? ???? JavaScript? ??? ?? ??? ??????. ??? ????? ???? ?? ??? ?? ????? ????.

? ??? JavaScript? ??? ? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!