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

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

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

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

ဥပမာတစ်ခုကို ကြည့်ကြပါစို့။ ကျွန်ုပ်တို့တွင် အောက်ပါ 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 များကို module ပုံစံဖြင့် စီစဉ်ကြပါစို့။

;(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 အားလုံးကို ထုတ်ပေးကြပါစို့။

;(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<> ရှိသည်ဆိုပါစို့။

<html>
	<head>
		<script>
			
		</script>
	</head>
</html>

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

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

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

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

အောက်ပါ code ကို ပေးထားပါသည်။

function 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;
}

ဤ code ကို module ပုံစံဖြင့် စီစဉ်ပါ။ အပြင်ဘက်သို့ အထောက်အကူ function မှလွဲ၍ function အားလုံးကို ထုတ်ပေးပါ။

underscore စာကြည့်တိုက်ကို လေ့လာပါ။ သင့်ကိုယ်ပိုင် အလားတူ စာကြည့်တိုက်တစ်ခု ဖန်တီးပါ၊ မူရင်း စာကြည့်တိုက်၏ function <>5<>-<>10<> ခုကို ထပ်လုပ်ပါ။