ขอบเขตของตัวแปรคือขอบเขตของโปรแกรมที่กำหนดไว้ ตัวแปร JavaScript มีเพียงสองขอบเขต
- ตัวแปรส่วนกลาง − ตัวแปรส่วนกลางมีขอบเขตส่วนกลาง ซึ่งหมายความว่าสามารถกำหนดได้ทุกที่ในโค้ด JavaScript ของคุณ
- ตัวแปรท้องถิ่น − ตัวแปรโลคัลจะมองเห็นได้เฉพาะภายในฟังก์ชันที่กำหนดไว้เท่านั้น พารามิเตอร์ของฟังก์ชันจะอยู่ภายในฟังก์ชันนั้นเสมอ
มาดูกันว่าขอบเขตของตัวแปรทำงานอย่างไรใน JavaScript
ภายในเนื้อความของฟังก์ชัน ตัวแปรโลคัลจะมีความสำคัญเหนือกว่าตัวแปรส่วนกลางที่มีชื่อเดียวกัน หากคุณประกาศตัวแปรโลคัลหรือพารามิเตอร์ของฟังก์ชันที่มีชื่อเดียวกับตัวแปรส่วนกลาง คุณจะซ่อนตัวแปรส่วนกลางอย่างมีประสิทธิภาพ
ตัวอย่าง
<html>
<body onload = checkscope();>
<script>
<!--
var myVar = "global"; // Declare a global variable
function checkscope( ) {
var myVar = "local"; // Declare a local variable
document.write(myVar);
}
//-->
</script>
</body>
</html> 