Friday, April 10, 2020

JavaScript Functions Part-1

JavaScript Functions
Document
JavaScript function ဆိုတာ သီးခြားအလုပ်တစ်ခုခြင်းဆီကို လုပ်ဆောင်တဲ့ block of code တစ်ခုဖြစ်ပါတယ် ။ Functions တွေကို အဓိကသုံးရတဲ့ အကျိုးကျေးဇူးကတော့ code တွေကို reuse ပြန်လုပ်နိုင်ခြင်းဖြစ်ပါတယ်။ Code ကိုတစ်ခါသတ်မှတ်ပြီးလျှင်အကြိမ်ကြိမ်ပြန်သုံးနိုင်ခြင်းကို ဆိုလိုတာပါ။ Code တစ်ခုထဲကိုပဲအကြိမ်ကြိမ် ပြန်သုံးပေမဲ့ arguments တွေကို မတူအောင်ထည့်ပြီးတော့ ကွဲပြားတဲ့ result တွေကို အကြိမ်ကြိမ်ထုတ်နိင်ပါတယ်။ ဒါပေမဲ့ သတိပြုရမဲ့အချက်က JavaScript function တစ်ခု execute ဖြစ်ဖို့ဆိုရင် တစ်စုံတစ်ခု က invoke လုပ်မှ သို့မဟုတ် သူကို ပြန် call ခေါ် မှသာ execute ဖြစ်ပါတယ်။
function တစ်ခုသတ်မှတ်ခြင်း
JavaScript function တစ်ခုသတ်မှတ်တော့ မည်ဆိုလျှင် function ဆိုတဲ့ keyword သုံ ပြီး သူ့ နောက်မှာ function name လိုက်ပါတယ် ။ ပြီးတော့ parentheses ဆိုတဲ့ () လေးလိုက်ပါတယ်။
  Example
 function name(){
  //code to be executed
}

function ကို calling လုပ်ခြင်း
JavaScript function တစ်ခု အလုပ်လုပ်ဖို့ execute ဖြစ်ဖို့ဆိုရင် ပြန် ခေါ် ဖို့လိုပါတယ် ။ function ကိုပြန်ခေါ် ဖို့ ဆိုရင် function name ကို စပြီး ရေးရပါတယ် ။ ပြီးမှ argument တွေ ကို parentheses ထဲ ထည့်ရေးရပါတယ်။
 Example 
 function myFunction(){
  alert(“Calling a Function!”);
 }
 myFuncition();
 //Alerts “Calling a Function!”

သတိပြုရမည့်အချက်က function ကို call လုပ်ပြီးတိုင်း statement တစ်ခုဆုံးတိုင်း ‘;’ ပါရပါမယ်။ အပေါ် မှာပြောထားသည့်အတိုင်း function သုံးရခြင်းရဲ့ အားသာချက်က function ကို တစ်ခါသတ်မှတ်ပြီးရင် အကြိမ်ကြိမ် ပြန်ခေါ် သုံးလို့ရပါတယ်။
 Example
 function myFunction(){
  alert(“Alert box!”);
 }
 myFunction();
 //”Alert box!”

 // some other code
 
 myFunction();
 //”Alert box!”;

function ကို myFunction.call(); ဆိုပြီးတော့ လည်းခေါ် လို့ရပါတယ် ။ myFunction(); လိုခေါ် တာနဲ့ myFunction.call() ရဲ့ ခြားနားချက်က myFunction.call() ထဲမှာ ‘this’ ဆိုတဲ့ keyword လေးကို function နဲ့ အတူ ခေါ် သွားချင်တဲ့အခါသုံးခြင်းဖြစ်ပါတယ်။ ‘this’ အကြောင်းကို နောက်ပိုင်းမှာ သေခြာရှင်းပြပါမယ်။ အထက်ပါဖော် ပြထားတဲ့ ပုံစံက ES6 မတိုင်ခင်ကပုံစံဖြစ်ပြီးတော့ function define လုပ်ဖို့အတွက် function ဆိုတဲ့ keyword ကိုသုံးပါတယ်။ ။ ES6 မှာ function define လုပ်ဖို့ အတွက် arrow key ‘=>’ လေးပါလာပါပြီ။

No comments:

Post a Comment