تاریخ انتشار: دوشنبه, ۵ خرداد ۱۳۹۹، ۰۴:۳۵ ب.ظ نویسنده: محمدیان

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

میخواهم تابعی ایجاد کنم که نتیجه ضرب 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)

 

تاریخ انتشار: شنبه, ۳ خرداد ۱۳۹۹، ۰۴:۴۰ ب.ظ نویسنده: محمدیان

function logParameter(target: any, key : string, index : number) {
  var metadataKey = `__log_${key}_parameters`;
  if (Array.isArray(target[metadataKey])) {
    target[metadataKey].push(index);
  }
  else {
    target[metadataKey] = [index];
  }
}

function logMethod(target, key, descriptor) {
	
    if(descriptor === undefined) {
      descriptor = Object.getOwnPropertyDescriptor(target, key);
    }
    var originalMethod = descriptor.value;

    //editing the descriptor/value parameter
	  descriptor.value = function (...args: any[]) {

    	var metadataKey = `__log_${key}_parameters`;
    	var indices = target[metadataKey];

  		if (Array.isArray(indices)) { 
  			for (var i = 0; i < args.length; i++) { 
  		
  				if (indices.indexOf(i) !== -1) { 
  		
  				var arg = args[i];
  				var argStr = JSON.stringify(arg) || arg.toString();
  				console.log(`${key} arg[${i}]: ${argStr}`);
  				}
  			}
  			var result = originalMethod.apply(this, args);
  			return result;
  		}
  		else {
  			var a = args.map(a => (JSON.stringify(a) || a.toString())).join();
  			var result = originalMethod.apply(this, args);
  			var r = JSON.stringify(result);
  			console.log(`Call: ${key}(${a}) => ${r}`);
  			return result;
  		}
  	}

    // return edited descriptor as opposed to overwriting the descriptor
    return descriptor;
}

class Person { 

  public name: string;
  public surname: string;

  constructor(name : string, surname : string) { 
    this.name = name;
    this.surname = surname;
  }
  
  @logMethod
  public saySomething(@logParameter something : string, somethingElse : string) : string { 
    return this.name + " " + this.surname + " says: " + something + " " + somethingElse; 
  }
}

var p = new Person("remo", "jansen");
p.saySomething("I love playing", "halo");