JavaScript တွင် variable များ ပဋိပက္ခဖြစ်ခြင်း

ကျွန်ုပ်တို့၌ HTML စာမျက်နှာ index.html ရှိပါစေ။ ထို စာမျက်နှာပေါ်ရှိ script tag အတွင်း သင် သည် variable str ကိုဖန်တီး၍ အဲဒါကို စကရင် ပေါ်တွင်ပြသပါ။

index.html<html>
  <head>
    <script>
      let str = 'script text';
      alert(str); // 'script text' ကို ပြမည်
    </script>
  </head>
  <body>
    ...
  </body>
</html>

ထို့အပြင် ကျွန်ုပ်တို့၌ script.js file တစ်ခုရှိပါစေ၊ ထို file ထဲတွင်လည်း variable str ကို သတ်မှတ်ထားသည်။

script.jslet str = 'file text';

ယခု ကျွန်ုပ်တို့၏ script.js file ကို စာမျက်နှာ index.html သို့ အောက်ပါအတိုင်း ချိတ်ဆက်ထားသည်ဟု ဆိုပါစို့။

html<html>
  <head>
    <script>
      let str = 'script text';
    </script>
    <script src="script.js"></script>
    <script>
      alert(str);
    </script>
  </head>
  <body>
    ...
  </body>
</html>

str variable သည် index.html file ထဲမှာလည်းရှိ၊ script.js file ထဲမှာလည်းရှိသောကြောင့် ပဋိပက္ခဖြစ်မည်။ ထိုပဋိပက္ခတွင် အောက်ဆုံးတွင်ရေးထားသော variable က အနိုင်ရလိမ့်မည်။ ဆိုလိုသည်မှာ script.js file မှ variable ဖြစ်သည်။ ဆိုလိုသည်မှာ ကျွန်ုပ်တို့၏ code သည် မျှော်လင့်ထားသည့်အတိုင်း 'script text' ကို မပြဘဲ 'file text' ကို ပြလိမ့်မည်။

ပြဿနာသည် အမှန်တကယ်အတော်လေးပြင်းထန်သည်။ လက်တွေ့ website တစ်ခုတွင် သင်၏ script များပါသော file များစွာရှိတတ်သည်၊ ထို့အပြင် သင် သည် တစ်စုံတစ်ရသော ပြင်ပပလပ်အင်များကိုလည်း ချိတ်ဆက်တတ်သည်။ ထိုသို့ဖြစ်လျှင် file တစ်ခု၏ variable များနှင့် function များသည် တခြား file ၏ variable များနှင့် function များနှင့် ပဋိပက္ခဖြစ်နိုင်သည်။