JavaScript ရှိ ပိတ်ထားခြင်းများမှတစ်ဆင့် စာကြည့်တိုက်များ

JavaScript တွင် <>စာကြည့်တိုက်များ<>ကို အခြားပရိုဂရမ်မာများ အသုံးပြုနိုင်ရန် function များစုစည်းမှုအဖြစ် မကြာခဏ ဖန်တီးလေ့ရှိပါသည်။

ထိုသို့သော စာကြည့်တိုက်များကို ပိတ်ထားခြင်းများမှတစ်ဆင့် module များထဲသို့ ထည့်သွင်းလေ့ရှိပါသည်။ ၎င်းကို စာကြည့်တိုက်ကို ချိတ်ဆက်သည့်အခါ အပြင်လောက၌ function များ အနည်းဆုံးပေါ်လာစေရန် ရည်ရွယ်ပါသည်။

ယေဘုယျအားဖြင့် စာကြည့်တိုက်တစ်ခုစီသည် အပြင်လောက၌ variable တစ်ခုသာ ဖန်တီးရန် ကြိုးစားပါသည် - စာကြည့်တိုက်၏ function များပါဝင်သော object တစ်ခုဖြစ်ပါသည်။ ထိုသို့ဖြစ်ရာ စာကြည့်တိုက်၏ code အတွင်း၌ function အချို့သည် အဓိကဖြစ်ပြီး အချို့မှာ အထောက်အကူ function များ ဖြစ်ပါသည်။ သိသာထင်ရှားသည်မှာ၊ အပြင်လောကသို့ ကျွန်ုပ်တို့သည် လိုအပ်သော function များကိုသာ ထုတ်ပေးလိုပြီး ထုတ်ပေးသော object ကို အထောက်အကူ function များဖြင့် မရှုပ်ထွေးစေလိုပါ။

ဥပမာတစ်ခုကို ကြည့်ကြပါစို့။ ကျွန်ုပ်တို့တွင် အောက်ပါ function များစုစည်းမှု ရှိသည်ဆိုပါစို့၊ ၎င်းတို့ကို စာကြည့်တိုက်တစ်ခုအဖြစ် ပြောင်းလဲလိုပါသည်။

math.jsfunction square(num) {
  return num ** 2;
}
function cube(num) {
  return num ** 3;
}
function avg(arr) {
  return sum(arr, 1) / arr.length;
}
function digitsSum(num) {
  return sum(String(num).split(''));
}

// အထောက်အကူ function
function sum(arr) {
  let res = 0;
  
  for (let elem of arr) {
    res += +elem;
  }
  
  return res;
}

ကျွန်ုပ်တို့၏ function များကို module ပုံစံဖြင့် စီစဉ်ကြပါစို့။

math.js;(function() {
  function square(num) {
    return num ** 2;
  }
  function cube(num) {
    return num ** 3;
  }
  function avg(arr) {
    return sum(arr, 1) / arr.length;
  }
  function digitsSum(num) {
    return sum(String(num).split(''));
  }
  
  // အထောက်အကူ function
  function sum(arr) {
    let res = 0;
    
    for (let elem of arr) {
      res += +elem;
    }
    
    return res;
  }
})();

ယခုအခါ အထောက်အကူ function မှလွဲ၍ function အားလုံးကို ထုတ်ပေးကြပါစို့။

math.js;(function() {
  function square(num) {
    return num ** 2;
  }
  function cube(num) {
    return num ** 3;
  }
  function avg(arr) {
    return sum(arr, 1) / arr.length;
  }
  function digitsSum(num) {
    return sum(String(num).split(''));
  }
  
  // အထောက်အကူ function
  function sum(arr) {
    let res = 0;
    
    for (let elem of arr) {
      res += +elem;
    }
    
    return res;
  }
  
  window.math = {square, cube, avg, digitsSum};
})();

ကျွန်ုပ်တို့တွင် HTML စာမျက်နှာ <>index.html<> ရှိသည်ဆိုပါစို့။

index.html<html>
  <head>
    <script>
      
    </script>
  </head>
</html>

၎င်းထံသို့ ကျွန်ုပ်တို့၏ စာကြည့်တိုက်ကို ချိတ်ဆက်ကြပါစို့။

index.html<html>
  <head>
    <script src="math.js"></script>
    <script>
      
    </script>
  </head>
</html>

ကျွန်ုပ်တို့၏ စာကြည့်တိုက်မှ function များကို အသုံးပြုကြပါစို့။

index.html<html>
  <head>
    <script src="math.js"></script>
    <script>
      alert(math.avg([1, 2, 3]) + math.square());
    </script>
  </head>
</html>

javascriptfunction avg1(arr) {
  return sum(arr, 1) / arr.length;
}

function avg2(arr) {
  return sum(arr, 2) / arr.length;
}

function avg3(arr) {
  return sum(arr, 3) / arr.length;
}

// အထောက်အကူ function
function sum(arr, pow) {
  let res = 0;
  
  for (let elem of arr) {
    res += elem ** pow;
  }
  
  return res;
}