Javascript Callback, promise and await

Javascript Callback, promise and await örnekleri

//Dummy data
const data = [
    { title: "Title 1", description: "Title Content 1" },
    { title: "Title 2", description: "Title Content 2" }
]
//Example Callback
function getData() {
    setTimeout(() => {
        data.map((item, index) => {
            console.log('getData', item, index)
        })
    }, 1000);
}

function createData(newData, callback) {
    setTimeout(() => {
        data.push(newData);
        callback()
    }, 2000);
}

createData({ title: "Title 3", description: "Title Content 3" }, getData);

//Example Promise
function createData(post) {
    return new Promise((resolve, reject) => {
        data.push(post)
        const error = false;
        if (!error) {
            resolve()
        } else {
            reject("Bir hata var!")
        }
    })
}

createData({ title: "Title 3", description: "Title Content 3" })
    .then(getData)
    .catch(err => console.log("createData Error ->", err))

//Example async
async function init(){
    await createData({ title: "Title 3", description: "Title Content 3" }),
    getData()
} 
init ()

//Dummy data

const data = [

{ title: "Title 1", description: "Title Content 1" },

{ title: "Title 2", description: "Title Content 2" }

]

//Example Callback

function getData() {

setTimeout(() => {

data.map((item, index) => {

console.log('getData', item, index)

})

}, 1000);

}

function createData(newData, callback) {

setTimeout(() => {

data.push(newData);

callback()

}, 2000);

}

createData({ title: "Title 3", description: "Title Content 3" }, getData);

//Example Promise

function createData(post) {

return new Promise((resolve, reject) => {

data.push(post)

const error = false;

if (!error) {

resolve()

} else {

reject("Bir hata var!")

}

})

}

createData({ title: "Title 3", description: "Title Content 3" })

.then(getData)

.catch(err => console.log("createData Error ->", err))

//Example async

async function init(){

await createData({ title: "Title 3", description: "Title Content 3" }),

getData()

}

init ()