JavaScript အပြောင်းအလဲများ
JavaScript Variable ကိုကြေငြာရန် နည်းလမ်း 4 ခု
- အသုံးပြုခြင်း။
var
- အသုံးပြုခြင်း။
let
- အသုံးပြုခြင်း။
const
- ဘာမှမသုံးဘူး။
Variables တွေက ဘာတွေလဲ။
ကိန်းရှင်များသည် ဒေတာသိမ်းဆည်းရန်အတွက် ကွန်တိန်နာများ (ဒေတာတန်ဖိုးများကို သိမ်းဆည်းခြင်း) ဖြစ်သည်။
ဤဥပမာတွင် x
၊ , y
, နှင့် z
, တို့သည် var
သော့ချက်စကားလုံးဖြင့် ကြေငြာထားသော ကိန်းရှင်များဖြစ်သည်-
ဥပမာ
var x = 5;
var y = 6;
var z = x + y;
ဤဥပမာတွင် x
၊ , y
, နှင့် z
, တို့သည် let
သော့ချက်စကားလုံးဖြင့် ကြေငြာထားသော ကိန်းရှင်များဖြစ်သည်-
ဥပမာ
let x = 5;
let y = 6;
let z = x + y;
ဤဥပမာတွင် x
၊ , y
, နှင့် z
, တို့သည် မကြေငြာထားသော ကိန်းရှင်များဖြစ်သည်-
ဥပမာ
x = 5;
y = 6;
z = x + y;
အထက်ဖော်ပြပါ ဥပမာများအားလုံးမှ သင်ခန့်မှန်းနိုင်သည်-
- x သည် တန်ဖိုး 5 ကို သိမ်းဆည်းသည်။
- y သည် တန်ဖိုး 6 ကို သိမ်းဆည်းသည်။
- z သည် တန်ဖိုး 11 ကို သိမ်းဆည်းသည်။
JavaScript var ကို ဘယ်အချိန်မှာ သုံးမလဲ။
JavaScript variable များကို var
, let
, သို့မဟုတ် const
.
var
သော့ချက်စကားလုံးကို 1995 မှ 2015 ခုနှစ်အတွင်း JavaScript ကုဒ်အားလုံးတွင် အသုံးပြုပါသည် ။
let
နှင့် အဓိက const
စကားလုံးများကို 2015 ခုနှစ်တွင် JavaScript တွင် ထည့်သွင်းခဲ့သည်။
သင့်ကုဒ်အဟောင်းများကို browser တွင်လည်ပတ်စေလိုပါက၊ သင်အသုံးပြုရပါမည် var
။
JavaScript const ကို ဘယ်အချိန်မှာ သုံးမလဲ။
ယေဘူယျစည်းမျဉ်းကို လိုချင်ပါက၊ ကိန်းရှင်များကို အမြဲကြေငြာပါ const
။
variable ၏တန်ဖိုးသည် ပြောင်းလဲနိုင်သည်ဟု သင်ထင်ပါက၊ အသုံးပြု let
ပါ။
ဤဥပမာတွင် price1
, price2
, နှင့် total
, တို့သည် ကိန်းရှင်များဖြစ်သည်-
ဥပမာ
const price1 = 5;
const price2 = 6;
let total = price1 + price2;
အဆိုပါ variable နှစ်ခုကို price1
keyword ဖြင့် price2
ကြေငြာသည် ။const
၎င်းတို့သည် ကိန်းသေတန်ဖိုးများဖြစ်ပြီး ပြောင်းလဲ၍မရပါ။
ကိန်းရှင် ကို သော့ချက်စကားလုံး total
ဖြင့် ကြေညာသည် ။let
ဒါက ပြောင်းလဲနိုင်တဲ့ တန်ဖိုးတစ်ခုပါ။
အက္ခရာသင်္ချာလိုပဲ
အက္ခရာသင်္ချာတွင်ကဲ့သို့ပင်၊ ကိန်းရှင်များသည် တန်ဖိုးများကို ကိုင်ဆောင်သည်-
let x = 5;
let y = 6;
အက္ခရာသင်္ချာတွင်ကဲ့သို့ပင်၊ အသုံးအနှုန်းများတွင် ကိန်းရှင်များကို အသုံးပြုသည်-
let z = x + y;
အထက်ဖော်ပြပါ ဥပမာမှ၊ စုစုပေါင်းကို 11 ဟု ခန့်မှန်းနိုင်ပါသည်။
မှတ်ချက်
ကိန်းရှင်များသည် တန်ဖိုးများကို သိမ်းဆည်းရန်အတွက် ကွန်တိန်နာများဖြစ်သည်။
JavaScript သတ်မှတ်ချက်များ
JavaScript variable အားလုံးကို ထူးခြားသောအမည်များ ဖြင့် သတ်မှတ် ရပါမည် ။
ဤထူးခြားသောအမည်များကို identifiers ဟုခေါ်သည် ။
ခွဲခြားသတ်မှတ်သူများသည် နာမည်အတိုများ (x နှင့် y ကဲ့သို့) သို့မဟုတ် ပိုမိုဖော်ပြသောအမည်များ (အသက်၊ ပေါင်းလဒ်၊ စုစုပေါင်း Volume) ဖြစ်နိုင်သည်။
ကိန်းရှင်များအတွက် အမည်များတည်ဆောက်ခြင်းအတွက် ယေဘူယျစည်းမျဉ်းများ (ထူးခြားသောသတ်မှတ်ခြင်း) များမှာ-
- အမည်များတွင် စာလုံးများ၊ ဂဏန်းများ၊ အောက်ခံများနှင့် ဒေါ်လာ သင်္ကေတများ ပါဝင်နိုင်သည်။
- အမည်များသည် အက္ခရာဖြင့် အစပြုရမည်။
- အမည်များသည် $ နှင့် _ တို့ဖြင့်လည်း အစပြုနိုင်သည် (သို့သော် ဤသင်ခန်းစာတွင် ၎င်းကို ကျွန်ုပ်တို့ အသုံးမပြုပါ)
- အမည်များသည် စာလုံးအကြီးအသေးများဖြစ်သည် (y နှင့် Y သည် မတူညီသော ကိန်းရှင်များဖြစ်သည်)
- သီးသန့်စကားလုံးများ (JavaScript သော့ချက်စကားလုံးများကဲ့သို့) အမည်များအဖြစ် အသုံးမပြုနိုင်ပါ။
မှတ်ချက်
JavaScript ခွဲခြားသတ်မှတ်သူများသည် စာလုံးအကြီးအသေးသာဖြစ်သည်။
Assignment Operator
JavaScript တွင် တူညီသောသင်္ကေတ ( =
) သည် "assignment" အော်ပရေတာတစ်ခုဖြစ်ပြီး "equal to" အော်ပရေတာမဟုတ်ပါ။
၎င်းသည် အက္ခရာသင်္ချာနှင့် ကွဲပြားသည်။ အောက်ပါတို့သည် အက္ခရာသင်္ချာတွင် အဓိပ္ပါယ်မရှိပေ။
x = x + 5
JavaScript တွင်မူ၊ ၎င်းသည် ပြီးပြည့်စုံသော အဓိပ္ပါယ်ဖြစ်ပါသည်- ၎င်းသည် x + 5 မှ x တန်ဖိုးကို သတ်မှတ်ပေးသည်။
(၎င်းသည် x + 5 ၏တန်ဖိုးကိုတွက်ချက်ပြီးရလဒ်ကို x တွင်ထည့်သည်။ x ၏တန်ဖိုးကို 5 ဖြင့်တိုးသည်။)
မှတ်ချက်
"equal to" အော်ပရေတာသည် ==
JavaScript တွင်ကဲ့သို့ရေးထားသည်။
JavaScript ဒေတာအမျိုးအစားများ
JavaScript variable များသည် 100 ကဲ့သို့ နံပါတ်များနှင့် "John Doe" ကဲ့သို့သော စာသားတန်ဖိုးများကို ထိန်းထားနိုင်သည်။
ပရိုဂရမ်းမင်းတွင် စာသားတန်ဖိုးများကို စာသားကြိုးများဟုခေါ်သည်။
JavaScript သည် ဒေတာအမျိုးအစားများစွာကို ကိုင်တွယ်ဖြေရှင်းနိုင်သော်လည်း ယခုအချိန်တွင် နံပါတ်များနှင့် စာကြောင်းများကိုသာ စဉ်းစားပါ။
စာကြောင်းများကို ကိုးကားနှစ်ထပ် သို့မဟုတ် တစ်ခုတည်းတွင် ရေးထားသည်။ နံပါတ်များကို အကိုးအကားမပါဘဲ ရေးထားသည်။
အကယ်၍ သင်သည် နံပါတ်တစ်ခုကို ကိုးကားချက်များတွင် ထည့်ပါက၊ ၎င်းကို စာသားကြိုးတစ်ချောင်းအဖြစ် သတ်မှတ်မည်ဖြစ်သည်။
ဥပမာ
const pi = 3.14;
let person = "John Doe";
let answer = 'Yes I am!';
JavaScript Variable ကိုကြေငြာခြင်း။
JavaScript တွင် variable တစ်ခုဖန်တီးခြင်းကို "declaring" ဟုခေါ်သည်။
သင်သည် JavaScript variable var
သို့မဟုတ် let
keyword ဖြင့်ကြေငြာသည်-
var carName;
သို့မဟုတ်
let carName;
ကြေငြာပြီးနောက်၊ ကိန်းရှင်သည် တန်ဖိုးမရှိပါ (နည်းပညာအရ ၎င်းသည် undefined
) ဖြစ်သည်။
ကိန်းရှင်သို့ တန်ဖိုးတစ်ခုသတ်မှတ်ရန် ၊ တူညီသောသင်္ကေတကိုသုံးပါ-
carName = "Volvo";
သင်ကြေညာသည့်အခါတွင် ကိန်းရှင်အား တန်ဖိုးတစ်ခုကိုလည်း သတ်မှတ်ပေးနိုင်ပါသည်။
let carName = "Volvo";
အောက်ဖော်ပြပါ ဥပမာတွင်၊ ကျွန်ုပ်တို့သည် ကိန်းရှင်တစ်ခုကို ဖန်တီးပြီး carName
တန်ဖိုး "Volvo" ကို ၎င်းတွင် သတ်မှတ်ပေးသည်။
ထို့နောက် ကျွန်ုပ်တို့သည် id="demo" ဖြင့် HTML စာပိုဒ်အတွင်း တန်ဖိုးကို "ထုတ်" သည်-
ဥပမာ
<p id="demo"></p>
<script>
let carName = "Volvo";
document.getElementById("demo").innerHTML = carName;
</script>
မှတ်ချက်
script တစ်ခု၏အစတွင် variable အားလုံးကိုကြေငြာရန် programming အလေ့အကျင့်ကောင်းတစ်ခုဖြစ်သည်။
ဖော်ပြချက်တစ်ခု၊ ပြောင်းလဲမှုများစွာ
ကြေငြာချက်တစ်ခုတွင် ကိန်းရှင်များစွာကို သင်ကြေငြာနိုင်သည်။
ကြေညာချက်ကို စတင်ပြီး var
ကိန်းရှင်များကို ကော်မာ ဖြင့် ပိုင်းခြားပါ ။
ဥပမာ
let person = "John Doe", carName = "Volvo", price = 200;
ကြေငြာချက်တစ်ခုသည် စာကြောင်းများစွာကို ချဲ့ထွင်နိုင်သည်-
ဥပမာ
let person = "John Doe",
carName = "Volvo",
price = 200;
တန်ဖိုး = သတ်မှတ်မထားပါ။
ကွန်ပြူတာ ပရိုဂရမ်များတွင် ကိန်းရှင်များကို တန်ဖိုးမရှိဘဲ ကြေငြာလေ့ရှိသည်။ တန်ဖိုးသည် တွက်ချက်ရမည့်အရာ သို့မဟုတ် အသုံးပြုသူထည့်သွင်းမှုကဲ့သို့ နောက်ပိုင်းတွင် ပေးဆောင်မည့်အရာဖြစ်နိုင်သည်။
တန်ဖိုးမရှိဘဲ ကြေငြာထားသော ကိန်းရှင်သည် တန်ဖိုး
undefined
ရှိသည်။
ပြောင်းလဲနိုင်သော carName undefined
သည် ဤဖော်ပြချက်ကို အကောင်အထည်ဖော်ပြီးနောက် တန်ဖိုးရှိလိမ့်မည်-
ဥပမာ
let carName;
JavaScript Variables များကို ပြန်လည်ကြေငြာခြင်း။
သင်နှင့်အတူကြေငြာထားသော JavaScript variable ကိုပြန်လည်ကြေငြာပါက var
၊ ၎င်းသည် ၎င်း၏တန်ဖိုးဆုံးရှုံးမည်မဟုတ်ပါ။
carName
ဤဖော်ပြချက်များအား အကောင်အထည်ဖော်ပြီးနောက် ကိန်းရှင် သည် "Volvo" တန်ဖိုးရှိနေပါမည်-
ဥပမာ
var carName = "Volvo";
var carName;
မှတ်ချက်
let
သို့မဟုတ် ကြေငြာထားသော ကိန်းရှင်ကို ပြန်လည်ကြေငြာ const
၍မရပါ။
၎င်းသည် အလုပ်မဖြစ်ပါ-
let carName = "Volvo";
let carName;
JavaScript ဂဏန်းသင်္ချာ
=
အက္ခရာသင်္ချာကဲ့သို့ပင်၊ သင်ကဲ့သို့ အော်ပရေတာများကို အသုံးပြု၍ JavaScript variable များ ဖြင့် ဂဏန်းသင်္ချာပြုလုပ်နိုင်သည် +
။
ဥပမာ
let x = 5 + 2 + 3;
သင်သည် စာကြောင်းများကိုလည်း ထည့်နိုင်သော်လည်း စာကြောင်းများကို ပေါင်းစပ်ပေးမည်-
ဥပမာ
let x = "John" + " " + "Doe";
ဒါကိုလည်း ကြိုးစားကြည့်ပါ-
ဥပမာ
let x = "5" + 2 + 3;
မှတ်ချက်
အကယ်၍ သင်သည် နံပါတ်တစ်ခုကို ကိုးကားချက်များတွင် ထည့်ပါက ကျန်နံပါတ်များကို ကြိုးများအဖြစ် သဘောထားကာ ပေါင်းစပ်သွားပါမည်။
ယခု ဤအရာကို စမ်းကြည့်ပါ။
ဥပမာ
let x = 2 + 3 + "5";
JavaScript Dollar Sign $
JavaScript သည် ဒေါ်လာ သင်္ကေတကို အက္ခရာတစ်ခုအဖြစ် မှတ်ယူထားသောကြောင့်၊ $ ပါရှိသော ခွဲခြားသတ်မှတ်သူများသည် တရားဝင် ပြောင်းလဲနိုင်သော အမည်များဖြစ်သည်-
ဥပမာ
let $ = "Hello World";
let $$$ = 2;
let $myMoney = 5;
ဒေါ်လာ သင်္ကေတကို အသုံးပြုခြင်းသည် JavaScript တွင် အလွန်အသုံးများသော်လည်း ပရော်ဖက်ရှင်နယ် ပရိုဂရမ်မာများက ၎င်းကို JavaScript စာကြည့်တိုက်ရှိ ပင်မလုပ်ဆောင်ချက်အတွက် နံမည်အဖြစ် အသုံးပြုလေ့ရှိသည်။
ဥပမာအားဖြင့်၊ JavaScript စာကြည့်တိုက် jQuery တွင်
$
HTML အစိတ်အပိုင်းများကို ရွေးချယ်ရန် ပင်မလုပ်ဆောင်ချက်ကို အသုံးပြုသည်။ jQuery တွင် $("p");
"p element အားလုံးကိုရွေးချယ်ပါ" ကိုဆိုလိုသည်။
JavaScript အောက်ခြေအမှတ်များ (_)
JavaScript သည် အောက်ခြေအမှတ်များကို အက္ခရာအဖြစ် မှတ်ယူထားသောကြောင့်၊ _ ပါရှိသော ခွဲခြားသတ်မှတ်သူများသည် မှန်ကန်သော ပြောင်းလဲနိုင်သောအမည်များဖြစ်သည်-
ဥပမာ
let _lastName = "Johnson";
let _x = 2;
let _100 = 5;
underscore ကိုအသုံးပြုခြင်းသည် JavaScript တွင်အလွန်ဘုံမဟုတ်သော်လည်း၊ ပရော်ဖက်ရှင်နယ်ပရိုဂရမ်မာများကြားတွင်စည်းဝေးကြီးတစ်ခုသည်၎င်းကို "private (hidden)" variables အတွက် alias အဖြစ်အသုံးပြုရန်ဖြစ်သည်။