ขอบเขตของตัวแปรคือขอบเขตของโปรแกรมที่คุณกำหนดไว้ ตัวแปร 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> 