TypeScript တွင် လုပ်ဆောင်ချက်များ အပိုထပ်ခြင်း

တစ်ခါတစ်ရံတွင် ပေးပို့သည့် သတ်မှတ်ချက်များ၏ အမျိုးအစားပေါ် မူတည်၍ ပြန်လည်ပေးပို့သည့် တန်ဖိုး၏ အမျိုးအစား ကွဲပြားသော လုပ်ဆောင်ချက်များ ရှိပါသည်။ ဤအတွက် TypeScript တွင် လုပ်ဆောင်ချက်၏ အပိုထပ်ခြင်း ကို အသုံးပြုပါသည်။ ၎င်းသည် လုပ်ဆောင်ချက်၏ ကွဲပြားသော ဆိုင်းနက်ယာ မူကွဲများကို သတ်မှတ်ခွင့်ပြုပါသည်။

ဥပမာတစ်ခုကို ကြည့်ကြပါစို့။ ကျွန်ုပ်တို့တွင် စာကြောင်းတစ်ခု၏ စာလုံးများကို အက္ခရာများ၏ အမျိုးအစား ခွဲထုတ်ပေးသော လုပ်ဆောင်ချက် ရှိသည်ဆိုပါစို့။

function splitStr(str: string): string[] {
	return str.split('');
}

ထို့အပြင် ကျွန်ုပ်တို့တွင် ဂဏန်းတစ်ခု၏ ဂဏန်းများကို ဂဏန်းများ၏ အမျိုးအစားခွဲထုတ်ပေးသော လုပ်ဆောင်ချက်လည်း ရှိသည်ဆိုပါစို့။

function splitNum(num: number): number[] {
	let str: string = String(num);
	let arr: string[] = str.split('');
	
	return arr.map(elem => +elem);
}

လုပ်ဆောင်ချက် နှစ်ခုလုံးကို တစ်ခုတည်းအဖြစ် ပေါင်းစပ်ကြပါစို့။ အသစ် လုပ်ဆောင်ချက်သည် သတ်မှတ်ချက်၏ အမျိုးအစားပေါ် မူတည်၍ ဂဏန်းများ၏ အမျိုးအစား သို့မဟုတ် စာကြောင်းများ၏ အမျိုးအစား ကို ပြန်လည်ပေးပို့သင့်ပါသည်။

ကျွန်ုပ်တို့၏ လုပ်ဆောင်ချက်၏ ကွဲပြားသော ဆိုင်းနက်ယာများကို ကြေညာရန် အပိုထပ်ခြင်းကို အသုံးပြုကြပါစို့။

function splitVal(val: number): number[];
function splitVal(val: string): string[] {
	// ဆိုင်းနက်ယာ နှစ်ခုလုံး၏ အကောင်အထည်ဖော်ခြင်း
}

ယခု လုပ်ဆောင်ချက်၏ အကောင်အထည်ဖော်ခြင်းကို ရေးသားကြပါစို့။ ၎င်း၏ ကုဒ်အတွင်းတွင် လုပ်ဆောင်ချက်၏ မည်သည့် ဆိုင်းနက်ယာ အလုပ်လုပ်သည်ကို သတ်မှတ်ချက်ဖြင့် ဆုံးဖြတ်သင့်ပြီး၊ မည်သည့် ကုဒ်ကို မည်သည့် အမျိုးအစား၏ ရလဒ်ဖြင့် လုပ်ဆောင်ရမည်ကို ဆုံးဖြတ်သင့်ပါသည်။

function splitVal(val: number): number[];
function splitVal(val: string): string[] {
	if (typeof val === 'string') {
		return val.split('');
	} else {
		let str: string = String(val);
		let arr: string[] = str.split('');
		
		return arr.map((elem: string): number => +elem);
	}
}

အခြားသော ဘာသာစကားများနှင့် မတူဘဲ၊ TypeScript တွင် အပိုထပ်ခြင်းတွင် လုပ်ဆောင်ချက် တစ်ခုတည်းကို ဖန်တီးပါသည်။ တစ်ခုတည်းသော အမည်ဖြင့်၊ သို့သော် ကွဲပြားသော ဆိုင်းနက်ယာများဖြင့် လုပ်ဆောင်ချက် များစွာကို လုပ်ဆောင်ခြင်း မဖြစ်နိုင်ပါ။

DOM အစိတ်အပိုင်း၏ စာသားကို ပြန်လည်ပေးပို့သို့မဟုတ် ပြောင်းလဲပေးမည့် လုပ်ဆောင်ချက်ကို ရေးသားပါ။ ၎င်းသည် အောက်ပါအတိုင်း လုပ်ဆောင်သင့်ပါသည်။

text('#elem', 'text'); // စာသားကို သတ်မှတ်မည်
text('#elem');         // လက်ရှိစာသားကို ပြန်ပေးမည်