?? ?????? JavaScript? ??? ????, ?? ???? ???? ??? API ??, ?? ??, ???? ?? ??? ??? ? ?? ????. ??? ????? ??? ??? ?? ??? ? ???? ?????!

??? ??????? ??????

??? ???????? ??? ??? ????? ?? ??? ??? ??(?: ???? ??)? ??? ? ???? ?????? ??? ? ????. ???? ?????? ???? ??? ??? ????? ???? ?? ??? ??? ? ?? ??? ???? ?????.

?? ??

1. ??
2. ??
3. ???/??

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

1. ??

??? ?? ??? ??? ???? ??? ???? ???? ?????. ????? ??? ??? ?? ?? ??? "?? ??"?? ??? ? ????.

function fetchData(callback) {
    setTimeout(() => {
        const data = "Data received!";
        callback(data);
    }, 1000);
}

fetchData((data) => {
    console.log(data); // Output: Data received!
});

**2. ??
**????? ??? ?? ? ??? ??? ?????. Promise? ?? ?? ??? ??? ? ??? ?? ??? ? ?? ?? ?????. ??, ?? ?? ??? ? ?? ?? ? ??? ? ????.

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

function fetchData() {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            const data = "Data received!";
            resolve(data); // or reject(error);
        }, 1000);
    });
}

fetchData()
    .then((data) => {
        console.log(data); // Output: Data received!
    })
    .catch((error) => {
        console.error(error);
    });

**3. ???/??

ES2017? ??? async ? Wait? Promise ??? ?? ? ?? ?? ??? ?????. ??? ???? ???? ?? ?? ??? ??? ??? ??? ??? ?? ???? ?? ??? ??? ? ????.

async function fetchData() {
    return new Promise((resolve) => {
        setTimeout(() => {
            resolve("Data received!");
        }, 1000);
    });
}

async function getData() {
    try {
        const data = await fetchData();
        console.log(data); // Output: Data received!
    } catch (error) {
        console.error(error);
    }
}

getData();

?? ??

??? ??? ??? ?? ??? ?? ??? ??????. Promise? ??.catch()? ??? ? ??, async/await? ?? try/catch ??? ??? ? ????.

?? ??

??? ??? ?? ???????. ??? Promise? ???? ????? ???? API?? ???? ???? ????.

async function fetchUserData(userId) {
    try {
        const response = await fetch(`https://jsonplaceholder.typicode.com/users/${userId}`);
        if (!response.ok) {
            throw new Error("Network response was not ok");
        }
        const userData = await response.json();
        console.log(userData);
    } catch (error) {
        console.error("Fetch error:", error);
    }
}

fetchUserData(1);

??

JavaScript? ??? ?????? ???? ????? ???? ??? ??? ??? ? ????. ??, Promise ? async/await? ????? ??? ??? ???? ??? ? ?? ??? ??? ???.

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