Javascript Variable รู้จักกับตัวแปรใน Javascript

บทความก่อน ๆ หน้า เรารู้จักกับ Javascript กันไปพอสมควรแล้ว ต่อไป มาเข้าสู่การเขียนโปรแกรมด้วย Javascript กันได้แล้ว แต่ก่อนจะเขียนโปรแกรมด้วย Javascript เรามาดูตัวแปรในภาษา Javascript กันก่อนดีกว่า ว่าตัวแปรในภาษา Javascirpt มันเป็นยังไง แตกต่างจากภาษาอื่นยังไง

Javascript กำหนดชนิดของข้อมูลพื้นฐาน(primitive data types) ให้ใช้กัน 3 ชนิด นั่นคือ
ตัวเลข เช่น 3, 5, 7, 145, 235.40 ...
ตัวอักษร เช่น "นี่คือตัวหนังสือ", "Hello" ...
boolean เช่น true, false ...

Javascript ยังกำหนด ชนิดข้อมูลอีกสองชนิด นั่นคือ null กับ undefined สำหรับสิ่งที่ไม่ได้ประกาศ หรือกำหนดค่าไว้

นอกจากชนิดข้อมูลพื้นฐานแล้ว Javascript ยังสนับสนุนข้อมูลชนิด Object อีกด้วย ข้อมูลชนิด Object เป็นแบบไหน เดี๋ยวค่อยอธิบายกันในบทความต่อ ๆ ไปละกันครับ

ตัวแปรในภาษา Javascript ก็ทำหน้าที่เหมือนักบตัวแปรในภาษาอื่น ๆ นั่นคือ เป็นแหล่งเก็บข้อมูล การแสดงออก หรือการคำนวณ การจัดการต่าง ๆ

การประกาศตัวแปรในภาษา Javascript

การประกาศตัวแปรใน Javascript นั้น จะขึ้นต้นด้วยคำว่า var แล้วตามด้วยชื่อตัวแปร เช่น

 var name; 

การกำหนดค่าให้กับตัวแปร ทำได้โดย ดังตัวอย่างด้านล่าง

 name="Dang"; 

การประกาศตัวแปรพร้อมกำหนดค่า ทำได้โดย ดังตัวอย่างด้านล่าง

 var name="Dang"; 

การประกาศตัวแปรสามารถประกาศไว้ในบรรทัดเดียวกัน หรือคนละบรรทัดก็ได้ ดังตัวอย่างด้านล่าง

 var name="Dang"; var lastname="DumDee"; var age = 15; 

การประกาศตัวแปรตัวเดิมใหม่ใน Javascript

ในการประกาศตัวแปรใหม่ จากตัวเดิมที่มีอยู่แล้ว ใน Javascript จะไม่ error เหมือนภาษาอื่นทั่ว ๆ ไป แต่ในการประกาศใหม่ ค่าของตัวแปรเดิมจะยังอยู่ ไม่หายไปไหน

 var x=5; var x; 

จากตัวอย่างนี้ ตอนแรกกำหนด x=5 ต่อมาประกาศ x ใหม่แต่ไม่กำหนดค่าให้ นั่นหมายความว่า x ก็มีค่า 5 เช่นเดิม สรุปคือ การประกาศใหม่ ไม่ได้ช่วยให้ตัวแปรนั้น reset ค่า

JavaScript Variable Scope

scope of variable ก็คือขอบเขตของตัวแปร นั่นคือ การประกาศตัวแปร โดยที่ที่เราสามารถเรียกใช้ตัวแปรนั้นได้
Global Variable เป็นตัวแปรที่สามารถเรียกใช้ได้ทุกที่ นั่นคือประกาศไว้นอกฟังก์ชัน
Local Variable เป็นตัวแปรที่สามารถเรียกได้เฉพาะในฟังก์ชันใดฟังก์ชันหนึ่ง ที่มีการกำหนดตัวแปรไว้เท่านั้น นั่นคือได้ประกาศตัวแปรไว้ภายในฟังก์ชัน

 var myVar = "global"; // Declare a global variable function checkscope( ) {    var myVar = "local";  // Declare a local variable    document.write(myVar); // Output is local } document.write(myVar); // Output is global 

กฎการตั้งชื่อตัวแปร ใน Javascript

ชื่อของตัวแปร ต้องไม่ซ้ำกับคำสงวนใน Javascript คำสงวนมีอะไรบ้าง ดูจากตารางด้านล่าง
ชื่อของตัวแปรต้องไม่ขึ้นต้นด้วยตัวเลข ควรขึ้นต้นด้วยตัวอักษร หรือขีดเส้นใต้
ชื่อของตัวแปร เป็นแบบ case sensitive นั่นคือ ตัวใหญ่กับตัวเล็กถือว่าต่างกัน

คำสงวนใน Javascript (JavaScript Reserved Words)

abstract boolean break byte case catch char class const continue debugger default delete do double

else enum export extends false final finally float for function goto if implements import in

instanceof int interface long native new null package private protected public return short static super

switch synchronized this throw throws transient true try typeof var void volatile while with