Myanmar Coder Guide

Course Outline from w3school.com

Friday, April 30, 2021

JavaScript Variables

JavaScript variable များသည် data တန်ဖိုးများသိုလှောင်ရန်ကွန်တိန်နာများဖြစ်သည်။

ဤဥပမာတွင် x, y နှင့် z တို့သည် variable များဖြစ်သည်။ var keyword ဖြင့်ကြေငြာသည်။

Example

  1. var x = 5 ;
  2. var y = 6 ;
  3. var z = x + y ;
Try it Yourself »

အပေါ်ကဥပမာကနေ သင်သိနိုင်ပါတယ်-

x ကတန်ဖိုး 5 သိုလှောင်သည်

y ကတန်ဖိုး 6 သိုလှောင်သည်

z တန်ဖိုးကို 11 သိုလှောင်ပါသည်


Using let and const (ES6)

၂၀၁၅ မတိုင်မီတွင် var keyword သည် Javascript variable တစ်ခုကိုကြေငြာရန်တစ်ခုတည်းသောနည်းလမ်းဖြစ်သည်။

၂၀၁၅ ၏ JavaScript version (ES6) သည် const keyword ကို အသုံးပြု၍ ပြန်လည် သတ်မှတ်၍ မရသော variable တစ်ခုကိုအသုံးရန်ခွင့်ပြုသည်။ let keyword ကို ကန်သက်နယ်ပယ်နှင့်အတူ variable ကိုသတ်မှတ်သည်၊၊

ဤသော့ချက်စာလုံးများ၏ခြားနားချက်ကိုဖော်ပြရန်အနည်းငယ်ရှုပ်ထွေးပြီး၎င်းသည်အဟောင်းများကို browser (ဘရောက်ဆာ) များတွင်အထောက်အပံ့မပေးသောကြောင့်ယခုသင်ခန်းစာ၏ပထမအပိုင်းသည် var ကိုအများဆုံးအသုံးပြုလိမ့်မည်။

Safari 10 နှင့် Edge 14 တို့သည် ES6 ကိုအပြည့်အဝထောက်ခံသည့်ပထမဆုံး browser များဖြစ်သည်။

Chrome 58 Edge 14 Firefox 54 Safari 10 Opera 55
Jan 2017 Aug 2016 Mar 2017 Jul 2016 Aug 2018


Much Like Algebra

ဤဥပမာတွင် price1, price2 နှင့် total တို့သည် variable များဖြစ်သည်။

Example

  1. var price1 = 5 ;
  2. var price2 = 6 ;
  3. var total = price1 + price2 ;
Try it Yourself »

ပရိုဂရမ်တွင်၊ အက္ခရာသင်္ချာနည်းတူကျွန်ုပ်တို့သည်တန်ဖိုးများကိုထိန်းရန် variable များ (price1) ကဲ့သို့ အသုံးပြုသည်။

ပရိုဂရမ်တွင်၊ အက္ခရာသင်္ချာကဲ့သို့ပင်ကျွန်ုပ်တို့သည် variable များကို (total = price1 + price2) အစားတွင်းနည်းဖြစ်အသုံးပြုသည်။

JavaScript variable များသည် data တန်ဖိုးများသိုလှောင်ရန်ကွန်တိန်နာများဖြစ်သည်။

JavaScript သတ်မှတ်ချက်များ

Javascript variable များကိုအားလုံးသောအမည်များဖြင့်သတ်မှတ်ရမည်။

အမည်သတ်မှတ်ရာတွင် (x နှင့် y) ကဲ့သို့တိုတောင်းသောအမည်များ(သို့မဟုတ်) ပို၍ (age, sum, totalVolume)ဖော်ပြနိုင်သောအမည်များလဲဖော်ပြနိုင်သည်။

  • အမည်များတွင်အက္ခရာများ၊ ဂဏန်းများ၊ _ နှင့် $ သင်္ကေများပါ ၀ င်နိုင်သည်။
  • အမည်များကိုစာလုံးဖြင့်စတင်ရမည်။
  • အမည်များကို $ နှင့် _ တို့ဖြင့်လည်းစတင်နိုင်သည် (သို့သော်၎င်းကိုကျွန်ုပ်တို့သင်ခန်းစာတွင်သုံးမည်မဟုတ်ပါ)။
  • အမည်များသည်စာလုံးအကြီးအသေးအရေးကြီးသည် (y နှင့် Y သည်ကွဲပြားခြားနားသော variable များဖြစ်သည်)။
  • JavaScript keywords များကိုအမည်များအဖြစ်အသုံးမပြုနိုင်ပါ။
JavaScript အမှတ်အသားများသည်စာလုံးအကြီးအသေးအရေးကြီးသည်။

The Assignment Operator

JavaScript တွင်(=)သင်္ကေတသည် "assignment" operator ဖြစ်သည်။"equal to" operator မဟုတ်ပါ။

၎င်းသည်အက္ခရာသင်္ချာနှင့်ကွဲပြားခြားနားသည်။အောက်ပါတို့သည်အက္ခရာသင်္ချာတွင်အဓိပ္ပာယ်မရှိပါ။

  1. var  x = x + 5 ;

သို့သော်၊ JavaScript တွင်၎င်းသည်ပြီးပြည့်စုံသောအဓိပ္ပာယ်ရှိသည် - ၎င်းသည် x + 5 ၏တန်ဖိုးကိုသတ်မှတ်သည်။

(၎င်းသည် x + 5 ၏တန်ဖိုးကိုတွက်ချက်ပြီးရလဒ်ကို x သို့ထည့်သည်။ x ၏တန်ဖိုးသည် ၅ တိုးသည်။ )

"equal to" အော်ပရေတာကို JavaScript မှာ == လိုရေးထားတယ်။

JavaScript Data Types

JavaScript variable များသည်နံပါတ် ၁၀၀ နှင့် "John Doe" ကဲ့သို့စာသားတန်ဖိုးများကိုထည့်နိုင်သည်။

ရိုဂရမ်းမင်းတွင်စာသားတန်ဖိုးများကို text strings ဟုခေါ်သည်။

JavaScript သည်အချက်အလက်များစွာကိုကိုင်တွယ်နိုင်သော်လည်း၊ ယခုအချိန်တွင် number များနှင့် string များကိုသာစဉ်းစားပါ။

Strings တွေကို Quotes နှစ်ခု (သို့) တစ်ခုတည်းမှာရေးထားတယ်။number များကိုဒီတိုင်းရေးနိုင်သည်။

Quotes များတွင်းရေးသားပါက text strings ဖြစ်သွားသည်း။

Example

  1. var pi = 3.14 ;
  2. var person = "John Doe" ;
  3. var answer = 'Yes I am!' ;
Try it Yourself »

Declaring (Creating) JavaScript Variables

Javascript မှာ variable တစ်ခုကိုလုပ်တာက "declaring" လို့ခေါ်တယ်။

var variable ကို သုံး၍ JavaScript variable ကိုကြေငြာသည်။

Example

  1. var carName ;

ကြေငြာချက်အပြီးတွင် variable သည်တန်ဖိုးမရှိပါ။ (နည်းပညာပိုင်းတွင် undefined ၏တန်ဖိုးရှိသည်)

သင်ကြေငြာသည့်အခါ variable သို့တန်ဖိုးတစ်ခုသတ်မှတ်နိုင်သည်။

Variable ကိုတန်ဖိုးသတ်မှတ်ဖို့အတွက် equal(=)သင်္ကေတကိုသုံးပါ။

Example

  1. var carName = "Volvo" ;

အောက်ကဥပမာမှာ carName လို့ခေါ်တဲ့ variable တစ်ခုကိုဖန်တီးပြီး "Volvo" တန်ဖိုးကိုသတ်မှတ်ပေးတယ်။

ထို့နောက် id = "demo" ဖြင့် HTML စာပိုဒ်တစ်ခုအတွင်းရှိတန်ဖိုးကို "output" လုပ်သည်။

Example

  1. < p id = "demo">< /p>;

  2. <script>
  3. var carName = "Volvo" ;
  4. document.getElementById("demo" ).innerHTML = carName;
  5. </script>
Try it Yourself »
၎င်းသည် script ၏အစတွင် variable များအားလုံးကိုကြေငြာရန်ကောင်းမွန်သော program တစ်ခုဖြစ်သည်။

One Statement, Many Variables

variable တစ်ခုကိုများစွာသောကြေညာချက်တစ်ခုမှာကြေငြာနိုင်ပါတယ်။

ကြေငြာချက်ကို var နှင့်စတင်ပါ၊၊variable တွေကိုကော်မာနဲ့ခွဲပါ။

Example

  1. var person = "John Doe" , carName = "Volvo" , price = 200 ;
Try it Yourself »

ကြေငြာချက်တစ်ခုသည်စာကြောင်းများစွာကိုသက်ရောက်နိုင်သည်။

Example

  1. var person = "John Doe" ,
  2. carName = "Volvo" ,
  3. price = 200 ;
Try it Yourself »

Value = undefined

ကွန်ပျူတာပရိုဂရမ်များတွင် variable များကိုတန်ဖိုးမရှိဘဲကြေငြာသည်။ ဒီတန်ဖိုးဟာတွက်ချက်ရမယ့်အရာဒါမှမဟုတ် user inputလိုနောက်ပိုင်းမှာပေးမယ့်အရာဖြစ်နိုင်ပါတယ်။

တန်ဖိုးမပါပဲကြေငြာထားသော variable တစ်ခုသည် undefined ဖြစ်သည်။

carName variable သည်ဤဖော်ပြချက်အရ undefined ဖြစ်သည်။

Example

  1. var carName ;
Try it Yourself »

Re-Declaring JavaScript Variables

အကယ်၍ သင်သည် JavaScript variable ကိုပြန်လည်ကြေငြာပါက၎င်းသည်၎င်း၏တန်ဖိုးကိုဆုံးရှုံးမည်မဟုတ်ပါ။

ဤထုတ်ပြန်ချက်များကိုထုတ်ပြန်ပြီးနောက် carName variable သည် "Volvo" တန်ဖိုးကိုဆက်လက်ရှိနေ ဦး မည်။

Example

  1. var carName = "Volvo" ;
  2. var carName ;
Try it Yourself »

JavaScript Arithmetic

အက္ခရာသင်္ချာနည်းတူဂဏန်းသင်္ချာကို JavaScript variable များဖြင့်လည်းလုပ်နိူင်သည်။ = and + ကဲ့သို့သောအော်ပရေတာများကိုသုံးနိုင်သည်။

Example

  1. var carName ;
Try it Yourself »

Example

  1. var x = 5 + 2 + 3 ;
Try it Yourself »

strings တွေကိုလည်းထပ်ထည့်လို့ရသေးတယ်။

Example

  1. var x = "John" + " " + "Doe" ;
Try it Yourself »

ဒါကိုစမ်းကြည့်ပါ ဦး ။

Example

  1. var x = "5" + 2 + 3 ;
Try it Yourself »
အကယ်၍ သင်သည်နံပါတ်တစ်ခုကို quotes ထဲထည့်ထားပါကကျန်နံပါတ်များကို string များအဖြစ်သတ်မှတ်ပြီး concatenated ဖြစ်သည်။

အခုစမ်းကြည့်ပါ။

Example

  1. var x = 2 + 3 + "5" ;
Try it Yourself »

JavaScript Dollar Sign $

JavaScript identifiers (names) ကနေစရမယ်ဆိုတာသတိရပါ။

A letter (A-Z or a-z)

A dollar sign ($)

Or an underscore (_)

JavaScript သည်$ကိုစာတစ်စောင်အဖြစ်သတ်မှတ်သောကြောင့်, $ ပါ ၀ င်သည့်အမှတ်အသားများသည်တရားဝင် variable name များဖြစ်သည်။

Example

  1. var $$$ = "Hello World" ;
  2. var $ = 2;
  3. var $myMoney = 5;
Try it Yourself »

ဒေါ်လာသင်္ကေတကိုအသုံးပြုခြင်းသည် JavaScript တွင်အသုံးမများပါ၊ သို့သော်ပရော်ဖက်ရှင်နယ်ပရိုဂရမ်မာများက၎င်းကို JavaScript library ရှိအဓိကလုပ်ဆောင်ချက်အတွက် alias အဖြစ်သုံးလေ့ရှိသည်။

ဥပမာအားဖြင့်၊ Java library jQuery တွင်၊ HTML element များကိုရွေးချယ်ရန်အဓိက function $ ကိုသုံးသည်။ jQuery $ ("p"); ဆိုလိုသည်မှာ "select all p elements" ကိုဆိုလိုသည်။


JavaScript Underscore (_)

JavaScript သည် underscore ကိုစာတစ်စောင်အဖြစ်သတ်မှတ်သောကြောင့် _ ပါ ၀ င်သည့် identifiers များသည်မှန်ကန်သော variable အမည်များဖြစ်သည်။

Example

  1. var _lastName = "Johnson" ;
  2. var _x = 2;
  3. var _100 = 5;
Try it Yourself »

JavaScript ကို underscore ကိုအသုံးမပြုပါ။ သို့သောပရိုဂရမ်မာများအကြားသဘောတူညီမှုသည်၎င်းကို "private (hidden)" variable များအတွက် alias အဖြစ်အသုံးပြုရန်ဖြစ်သည်။


No comments:

Post a Comment