Wednesday, September 12, 2012

Javascript Essential Training Part 2

JavaScript ထဲ႔က Function
function {
    console.log("We're in the function");
    // loops ,if statements , anything!
    //..
}

function ထဲမွာ name တစ္ခုထည္႔ၾကည္႔ရေအာင္ function name ကိုေတာ႔ ၾကိဳက္တဲ႔နာမည္ေပးလို႔ရပါတယ္
createMessage ဆိုတဲ႔ name ကိုထည္႔လိုက္မယ္ဗ်ာ 
function createMessage {
 console.log("We're in  the function ");
 //loops , if statements , anything!
 //..
}


ေနာက္ျပီး function ေနာက္မွာ () ေလးထည္႔ေပးရပါတယ္
ေနာက္ထပ္ ျပည္႔စံုတဲ႔  function တစ္ခုေရးၾကည္႔ရေအာင္
function myFunction () {
    console.log("We're in the function");
    //loops, if statements ,anything!
    //..
}
//sometie later
myFunction();
myFunction();


myFunction(); ဆိုတာက အေပၚမွာေရးထားတဲ႔ myFunction ကိုျပန္ေခၚသံုးတာပါ ဒါမွအလုပ္လုပ္မွာေပါ႔
function ထဲမွာေရးထားတဲ႔ code ေတြက function ကိုမေခၚမခ်င္းအလုပ္မလုပ္ပါဘူး

Function ကို ဘယ္ေနရာမွာေၾကျငာမလဲ

myFunction();

function myFunction() {
//lots of code
my0therFunction();
}

function my0therFunction(){
//lots of code
}

အေပၚမွာေရးထားတာကေတာ႔ function ကိုအရင္ေခၚထားတာပဲ႔ဗ်
ဒါက ေကာင္းတဲ႔ အေလ႔က်င္႔ေတာ႔မဟုတ္ဘူး ဒီေတာ႔ အေလ႔က်င္႔ေကာင္းေတြနဲ႔ေရးၾကည္႔ရေအာင္
Function ကိုမေခၚခင္ function ကိုအရင္ေရးသင္႔႔ပါတယ္
ေအာက္မွာေရးထားပံုကိုၾကည္႔ပါ

function my0therFunction(){
//lots of code
}

function myFunction() {
 //lots of code
 my0therFunction();

 myFunction();


 ေနာက္ျပီး Function နဲ႔ parameters ေတြကိုတြဲေရးၾကည္႔ရေအာင္
                                parameter
 function myFunction (     x , y    ) {
    var myVar = x * y;
    console.log(myVar);
    //  value ေတြကို return ျပန္နိုင္ပါတယ္
    return myVar;
 }

 myFunction( 5 ,  4);  5 နဲ႔ 4 ဆိုတာက parameter ပဲ႔ျဖစ္ပါတယ္
 myFunction ( 3 , -8);
 alert("Hello, world!")        // build-in javascript  function
 var myresult = myFunction( 6,9);

 function name ထဲ႔မွာထည္႔ထားတဲ႔ x နဲ႔ y က parameter ပါ

 parameter ကြာဟခ်က္
 function myFunction(amount,months,interest,name) {
    // lots of code
 }

 myFunction(100,60,7,"cyberoot"); လို႔ေရးမယ္ဆိုရင္ function ပံုစံက ဒီလိုျဖစ္သြားမွာပါ

 function myFunction(100,60,7,"cyberoot") {
 //lots of code
 }

 ဒါဆိုရင္ သတ္မွတ္ထားတဲ႔ parameter နဲ႔ value ေတြက ကိုက္ညီတာျဖစ္လို႔ မွန္ပါတယ္

 ေနာက္တစ္ခုေလ႔လာၾကည္႔ရေအာင္
 myFunction(100,60,7,"cyberoot","Some extra text");  // extra text ကိုေတာ႔ Ignore လုပ္ပါတယ္

 ေနာက္ထပ္တစ္ခု
 myFunction(100,60);  မမွန္ေတာ႔ပါဘူး နွစ္ခုလိုေနပါတယ္
 ေပးထားတဲ႔ parameter မွာေလးခုေပးထားတဲ႔အတြက္ က်န္တဲ႔ ႏွစ္ခုက undefined ျဖစ္သြားပါတယ္
 ok ဒါဆို parameter ကိုသိေလာက္ပါျပီ

 ဆက္ျပီး variable ကို ေသခ်ာေလ႔လာၾကည္ရေအာင္

 function simpleFunction() {
    //lots of code
    var foo=500;
    //lots of code
    console.log(foo); // 500 တန္ဖိုးပါ
 }
 simpleFunction();
 console.log(foo);  //undefined


 ထပ္ေရးလိုက္မယ္ဆိုရင္ေတာ႔ undefined ျဖစ္သြားပါျပီ 500 ဆိုတဲ႔တန္ဖိုးကိုမရေတာ႔ပါဘူး
 ဘာေၾကာင္႔လဲဆိုေတာ႔  ကၽြန္ေတာ္တို႔ function ထဲမွာေရးထားတဲ႔ variable  က local variable ျဖစ္ေနလို႔ အျပင္ကေခၚလို႔မရပါဘူး
 မိဘအုပ္ထိန္းမွဳေအာက္မွာရွိတဲ႔ မိန္းကေလးတစ္ေယာက္ကို ကၽြန္ေတာ္တို႔ ခြင္႔ျပဳခ်က္မရဘဲေခၚလို႔မရသလို႔ေပါ႔

 ဒီေတာ႔ ေခၚလို႔မရေတာ႔ဘူးလားလို႔ ေမးပါတယ္ ဟုတ္ပါတယ္ရပါတယ္ ကၽြန္ေတာ္တို႔ variable ကို global variable ျဖစ္ေအာင္ေၾကျငာေပးရမွာပါ
 ေရးၾကည္႔ရေအာင္

 var foo;         // global variable  ပါပဲ႔ function အျပင္ဖက္မွာေရးထားတဲ႔အတြက္ပါ
 function simpleFunction() {
 //lots of code
 var foo=500;  //local variable ပါ function ထဲမွာေရးထားတဲ႔အတြက္
 //lots of code
 console.log(foo);
 }
 simpleFunction();
 console.log(foo); //500



No comments:

Post a Comment

Thanks for your comments
Welcome from cyberoot