2.Javascript Data Types

(2)

Javascript ကို HTML ထဲမွာပဲ <script></script> tag ထဲမွာေပါင္းျပီးေရးလို့ရသလို သီးသန့္ ဖိုဒါတစ္ခုေဆာက္ script.js ဖိုင္တစ္ခုသပ္မွတ္ျပီးသပ္သပ္စီလည္းေရးလို့ရပါတယ္။ သပ္သပ္ေရးတဲ့အခါ HTML ဖိုင္ထဲမွာ JS ဖိုင္ေနရာကို source “src” ဆိုတဲ့ keyword နဲ့ညြွန္းေပးရပါတယ္။

<script src="/js/script.js"></script>

​

script tag ကို HTML head tag ထဲမွာသြားေရးေရး .body tag အဆံုးနားမွာသြားေရးေရး အဆင္ေျပပါတယ္။But, body အပိတ္ tag မတိုင္မီအဆံုးနားမွာေနရာခ်တာက အေကာင္းဆံုးေရးသားနည္းျဖစ္ပါတယ္။

Javascript ဟာ dynamically typed language ျဖစ္ပါတယ္.variable ေတြဟာကြဲျပားတဲ့ data type ကို execute မလုပ္မခ်င္းလက္ခံထားနိုင္ပါတယ္.

var a= ‘a’;  //var လို့ေရးရင္ရပါျပီ

var b= 30;

​

‘a’ (or)”a” လို့ေရးလိုက္တာနဲ့ String data type ျဖစ္ေျကာင္း Js ကသိပါတယ္။30 လို့ေရးလိုက္တာနဲ့ ဒါဟာ Number data type ျဖစ္ေျကာင္း js ကသိပါတယ္။ ေကာ္မန့္ေတြေရးခ်င္ရင္ // ေနာက္မွာေရးနိုင္ပါတယ္။ေကာ္မန့္ေတြက ကိုယ့္ဖာသာျပန္ျကည့္ရင္ျဖစ္ျဖစ္ ကိုယ့္ကုတ္ကိုသူမ်ားယူျကည့္ရင္ျဖစ္ျဖစ္ နားလည္လြယ္ေစတာမို့ေရးျဖစ္ေအာင္အေလ့အက်င့္လုပ္ထားေစခ်င္ပါတယ္။ Javascript မွာ data type နွစ္မ်ိုးပဲရွိပါတယ္ Primitive နဲ့ Object ပါ။ Primitive မွာ string(စာသားေတြ),number(64bitတြက္ခ်က္မွုကိုပဲအေျခခံထားတဲ့ နံပါတ္ေတြ),Boolean(မွန္/မွား ဆံုးျဖတ္ခ်က္ေတြ) ပါ၀င္ျပီး Object မွာ name:value (အမည္ း တန္ဖိုး )အတြဲလိုက္data ေတြပါ၀င္ပါတယ္။

firstname:"AungAung",

lastname:"MinMaung",

social:{

facebook:"BlahBlah",

twitter:"Someone"

}

​

AungAung ဟာ stringျဖစ္လို့ “” လိုပါတယ္။name ျဖစ္တဲ့ firstnameမွာေတာ့ မလိုပါ။ျပီးေတာ့ ‘=’ အစား ‘ : ’ သံုးရပါတယ္။social ဆိုတဲ့ name မွာ value ဟာတစ္ခုမကတာေျကာင့္ { } ထဲထည့္ေပးလိုက္ရပါတယ္။ Js မွာမွထူးျခားစြာပါ၀င္တဲ့ data type တစ္ခုကေတာ့ undefined ပါ။variable တစ္ခုမွာ ဘာတန္ဖိုးမွ မပါ၀င္ရင္ undefined ကို js က အလိုလို ထည့္ေပးပါတယ္။ variable တစ္ခုကို undefined အျဖစ္ေျကျငာလို့ရေပမယ့္ ဘယ္ေတာ့မွမလုပ္ပါနဲ့။ undefined type ဟာေျကျငာဖို့ရည္ရြယ္ဖန္တီးထားတာမဟုတ္လို့ပါ။ တကယ္လို့ေျကျငာခ်င္တယ္ဆိုရင္ null အျဖစ္ေျကျငာလို့ရပါတယ္။ ေနာက္တစ္ခုက NaN ပါ Not a Number ျဖစ္ပါတယ္။

var c=a/b ;

console.log(c); 

​

လို့ေရးျပီး resulet ျကည့္လိုက္ရင္ NaN error ျပပါလိမ့္မယ္။ a ဟာ number မဟုတ္လို့ 30 နဲ့စားလို့မရပါဘူး။ဒါေျကာင့္ c ထဲကို Js က not a number (NaN) ကိုထည့္ေပးလိုက္ပါတယ္။colsole.log ကေတာ့ ဒီရလဒ္ကို ျပသေပးပါတယ္။ ေနာက္ဆံုးတစ္ခုကေတာ့ ES6 လို့ေခၚတဲ့ symbolic type ပါ။2015 ကတည္းက release လုပ္ထားျပီးျဖစ္ေပမယ့္ widely support မျဖစ္တာေျကာင့္ခုထက္ထိ widely မသံုးရေသးပါဘူး။

Programming တိုင္းမွာလိုလို variable သတ္မွတ္တာ..Array ေဆာက္တာ… functionတည္ေဆာက္တာ..condition စစ္တာ..looping ပတ္တာ….error handling လုပ္တာ.. စတဲ့အေျခခံက်တဲ့လုပ္ေဆာင္ခ်က္ေတြဟာေရးသားပံုသာကြဲမယ္ လုပ္ငန္းတူေတြအေနနဲ့ပါ၀င္ေလ့ရွိပါတယ္။ ဒါေျကာင့္language တစ္ခု ကိုေသခ်ာနားလည္ထားျပီးသား ,သေဘာေပါက္ထားျပီး သားဆိုရင္ေနာက္တစ္ခုကို ေလ့လာတဲ့အခါအရမ္းကိုပဲလြယ္ကူသြားတတ္ပါတယ္။ေလ့လာေနစလူငယ္ေတြ အေနနဲ့ေတာ့ဟိုဟာေကာင္းနိုးဒီဟာေကာင္းနိုးေလ့လာေနမဲ့အစားတစ္ခုခုကိုေဇာက္ခ်ေလ့လာသင့္ပါတယ္။ အခု javascript ကိုရွင္းျပတဲ့အခါမွာလည္း “၏/သည္” မေရြးေတာ့ေျပာျဖစ္မွာမဟုတ္ဘူး..နားလည္သေဘာေပါက္ျပီးကိုယ္တိုင္ေရွ့ဆက္ေလ့လာသြားလို့ရေအာင္ပဲ အဓိကထားေျပာျဖစ္မွာပါ။ဒါေျကာင့္ တျခားေမးခ်င္တာရွိရင္ ဖြဘုတ္ကေနလာေမးလို့ရပါတယ္။Facebook Search မွာက်ြန္ေတာ့္နာမည္ ရိုက္ထည့္ရွာလိုက္ .... ကိုရီးယားမင္းသားေခ်ာအလားထင္မွတ္ရတဲ့ ရူူပါ ကိုေတြ့ျပီဆို တာနဲ့ခ်က္ေဘာက္ကလာေမးလို့ ရပါတယ္ဗ်ာ.:D ျပီးေတာ့ မေန့က ရွင္းျပသြားတာေလးေတြလက္ေတြ႔လိုက္လုပ္ျကည့္တဲ့အခါ မွာ လည္းအဆင္မေျပတာေလးေတြ ေတြ႕ေကာင္းေတြ႕ပါလိမ့္ဦးမယ္ .. ကြ်န္ေတာ့္တုန္းကေတာ့ BrowserSync ကို terminal ကေနသြင္းတာ ဘယ္လိုမွမရဘူး..ေခ်ြးပါပ်ံသြားတယ္။ ေနာက္မွ Network ေျကာင့္လားဆိုျပီး ရံုး Wifi ကိုျဖုတ္ ျပီးကိုယ့္ဖုန္း Wifi နဲ့ျပန္စမ္းေတာ့မွရသြားတယ္ ။ ရံုး Wifi က Network Admin ကပညာေတြစြန္း ျပထားေလေတာ့ သြင္းမရဘူးျဖစ္ေနတာကိုး … အဲ့ဒါေျကာင့္ သူငယ္ခ်င္းတို့ စမ္းတဲ့အခါက်ရင္လည္း အဆင္မေျပတာရွိေကာင္းရွိမယ္ .. ဆက္လက္ ေလ့လာရင္း ကြ်န္ေတာ္မျမင္လိုက္တာေတြေတာင္ ခင္ဗ်ားတို့က ျမင္လာမွာမို့ အားမေလ်ွာ့ပါနဲ့လို့ ေျပာခ်င္ပါတယ္ ။

ေနာက္သင္ခန္းစာမွာ functionေတြအေျကာင္းရွင္းျပပါမယ္။