مثالی ساده از کال بک فانکشن

میخواهم تابعی ایجاد کنم که نتیجه ضرب 2 عدد را به من بدهد و سپس بتوانم با این نتیجه تابع دیگری را اجرا کنم. بنابراین:

function calc(val1,val2,cb){
    let result = val1*val2;
    return cb(result)
}

calc(5,6,function(result){
    console.log(result)
})

مثالی ساده از پرامیس Promise

const random = ()=>{
    return Promise.resolve(Math.random());
}

random().then(val=>{
    return val+5;
}).then(val=>{
    return Math.round(val)
}).then(val=>{
    console.log(val)
})

const showNum = Promise.resolve('56');

showNum.then(val=>console.log(val))

function calc(val1,val2){
    return val1*val2;
}

let exe = (val1,val2)=>{
    let p = new Promise((res:any,rej:any)=>{
        const result = calc(val1,val2);
        if(result){
            res(result)
        }else{
            rej('Problem on execut.')
        }
    })

    return p;
}

exe(5,6).then(res=>{
    console.log(res)
})

وقتی داده ها آماده نیستند و مقداری زمان برای آماده سازی آن ها نیاز است. یک پرامیس بازگشت میدهیم، پرامیس نیز قول میدهد که هرگاه داده مورد نظر ما آماده بود، اطلاع دهد.

مثالی ساده از async, await

const calc = (val:number)=>{
    return new Promise((res,rej)=>{
        res(val*5);
    })
}

const loger = async(num:number)=>{
    const result = await calc(num);
    console.log(result)
}

loger(2)

یکی از مزایای async و await اینه که await هر داده ای که به دستش برسه رو تحویل میده، اگه پرامیس باشه صبر میکنه که پرامیس وضعیتش تغییر کنه و کارش رو انجام بده و اگر هم پرامیس نباشه که داده رو همون موقع به صورت async تحویل میده. به نظر من دیگه از این بهتر نمیشه. انگار که نه انگار داری به صورت async با داده ها کار میکنی. واقعاً فوق العاده اس.

مثال فوق بدون پرامیس :

const calc = (val)=>{
    return val*5;
}

const loger = async(num)=>{
    const result = await calc(num);
    console.log(result)
}

loger(5)

توجه داشته باشید که هنوز هم میتوان به صورت زنجیره then به داده دسترسی داشت. به شرط اینکه درون تابع async نهایتاً از return استفاده کنیم. و داده را برگشت دهیم.

مثالی دیگر از Promise:

function getUser(id){
    return new Promise((res,rej)=>{
        res('database is ready---> user is: '+id)
    })
}
setTimeout(()=>{
    getUser(150).then(user=>{
        console.log(user);
    })
},2000)