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

| ไอที | JavaScript | 17667

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

comments