ตัวแปร JavaScript

ตัวแปร JavaScript

ตัวแปร JavaScript คือตัวเก็บข้อมูล

ในตัวอย่างนี้ x, y และ z คือตัวแปร:

ตัวอย่าง

var x = 7;
var y = 8;
var z = x + y;

ลองด้วยตัวเอง

จากตัวอย่างด้านบน คุณสามารถได้ทราบ:

  • x จะเก็บค่า 7
  • y จะเก็บค่า 8
  • z จะเก็บค่า 15

คล้ายทศนิยม

ในตัวอย่างนี้ price1, price2 และ total คือตัวแปร:

ตัวอย่าง

var price1 = 7;
var price2 = 8;
var price3 = 12;
var total = price1 + price2 + price3;

ลองด้วยตัวเอง

ในการเขียนโปรแกรม คล้ายทศนิยม เราใช้ตัวแปร (เช่น price1) ที่จะเก็บค่า

ในการเขียนโปรแกรม คล้ายทศนิยม เราใช้ตัวแปรในการแสดงเครื่องหมาย (total = price1 + price2)

จากตัวอย่างด้านบน คุณสามารถคำนวณค่า total ว่าเท่า 27

คำเตือน：ตัวแปร JavaScript คือตัวเก็บข้อมูล

ตัวแสดงความหมาย JavaScript

ทุกตัวแปร JavaScript ตัวแปรต้องเริ่มด้วยชื่อเดี่ยวเดียวของตัวแสดงความหมาย。

ชื่อเดี่ยวเดียวเหล่านี้เรียกว่าตัวแสดงความหมาย。

ตัวแสดงความหมายสามารถเป็นชื่อที่สั้น (เช่น x และ y) หรือชื่อที่มีความเหมาะสมมากขึ้น (age, sum, totalVolume)

กฎทั่วไปสำหรับการสร้างชื่อตัวแปร (ตัวแสดงความหมายเดี่ยวเดียว) คือ:

  • ชื่อตัวแปรสามารถประกอบด้วยตัวอักษร ตัวเลข สัญญาณชี้ว่า และสัญญาณเงิน
  • ชื่อตัวแปรต้องเริ่มด้วยตัวอักษร
  • ชื่อตัวแปรยังสามารถ $ และ _ ตัวแปร (แต่ในบทความนี้เราจะไม่ทำแบบนี้)
  • ชื่อตัวแปรมีความไตร่ตรองต่อระดับตัวหนังสือ (y และ Y คือตัวแปรที่แตกต่างกัน)
  • คำสำคัญ (เช่นคำสำคัญ JavaScript) ไม่สามารถใช้เป็นชื่อตัวแปร

คำเตือน：ตัวแสดงความหมาย JavaScript มีความไตร่ตรองต่อระดับตัวหนังสือ

สัญญาณการจัดสรร

ใน JavaScript สัญญาณเท่า (=）เป็นสัญญาณการจัดสรร ไม่ใช่สัญญาณการเท่า

นี่แตกต่างจากทศนิยม รหัสด้านล่างนี้ไม่ถูกต้องในทศนิยม:

x = x + 5

แต่ใน JavaScript มันเป็นสมการที่เหมาะสมมาก: ใส่ค่าของ x + 5 ใส่ x。

（คำนวณค่าของ x + 5 และใส่ค่าที่ได้เข้าไปใน x ค่าของ x จะเพิ่มขึ้น 5。）

หมายเหตุ：ตัวอุปกรณ์ "เท่า" ใน JavaScript คือ ==。

ประเภทข้อมูล JavaScript

ตัวแปรใน JavaScript สามารถเก็บตัวเลข เช่น 100 และข้อความ เช่น "Bill Gates"

ในการبرรหัส ข้อความถูกเรียกว่าข้อความตัวอักษร

JavaScript สามารถจัดการกับชนิดข้อมูลหลายชนิด แต่ตอนนี้เราจะเพาะต่อตัวเลขและข้อความ

ตัวเลขไม่ต้องมีวรรค

ข้อความถูกล้อมรอบด้วยวรรคหลังและวรรคหน้า

ตัวอย่าง

ถ้าใส่ตัวเลขในเครื่องหมายวรรคตัวอักษร จะถูกมองว่าเป็นข้อความตัวอักษร
var pi = 3.14;
var person = "Bill Gates";

ลองด้วยตัวเอง

var answer = 'How are you!';

ประกาศ（สร้าง）ตัวแปร JavaScript

ใน JavaScript การสร้างตัวแปรถูกเรียกว่า "ประกาศตัวแปร" var คุณสามารถ

var carName;

ใช้คำว่าทางคำสำหรับประกาศตัวแปรใน JavaScript: undefinedหลังจากประกาศ ตัวแปรจะไม่มีค่า。（เทคนิคแล้ว ค่าของมันคือ

。）เมื่อต้องการการกำหนดค่า

ให้ค่าต่อตัวแปรด้วยเครื่องหมายเสมอ

carName = "porsche";

var carName = "porsche";

คุณสามารถให้ค่าต่อตัวแปรขณะประกาศ

ในตัวอย่างดังกล่าว พวกเราสร้างตัวแปรที่มีชื่อ carName และจะให้ค่า "porsche"

ตัวอย่าง

หลังจากนั้น พวกเราจะ "ออกแสดง"ค่านี้ในปารากราฟ HTML ที่มี id="demo"
<p id="demo"></p>
var carName = "porsche";
<script> 
document.getElementById("demo").innerHTML = carName;

ลองด้วยตัวเอง

คำเตือน：</script>

เป็นประสงค์ดีที่จะประกาศตัวแปรทุกตัวในต้นสคริปต์

คำสั่งหลายตัว ตัวแปรหลายตัว

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

var person = "Bill Gates", carName = "porsche", price = 15000;

ลองด้วยตัวเอง

การประกาศสามารถข้ามบรรยาย

var person = "Bill Gates",
carName = "porsche",
price = 15000;

ลองด้วยตัวเอง

Value = undefined

ในโปรแกรมคอมพิวเตอร์ ตัวแปรที่ถูกประกาศมักจะไม่มีค่า

ตัวแปรที่ไม่มีค่า ค่าของมันจะเป็น undefined。

ค่าของตัวแปร carName หลังจากที่ทำงานประการดังกล่าวคือ undefined：

ตัวอย่าง

var carName;

ลองด้วยตัวเอง

การประกาศตัวแปร JavaScript ซ้ำ

หากประกาศตัวแปร JavaScript อีกครั้ง จะไม่สูญเสียค่าของมัน

หลังจากที่ทำงานสองประการดังกล่าว ค่าของตัวแปร carName ยังคงเหมือนเดิมที่ "porsche"

ตัวอย่าง

var carName = "porsche";
var carName;

ลองด้วยตัวเอง

คณิตศาสตร์ JavaScript

เหมือนกับการคำนวณทางการเรียน คุณสามารถทำการคำนวณด้วยตัวแปร JavaScript ด้วยการใช้ = และ + ตัวบวกตัวเลข

ตัวอย่าง

var x = 3 + 5 + 8;

ลองด้วยตัวเอง

ข้อความก็สามารถใช้เครื่องหมายบวกได้ แต่ข้อความจะถูกเชื่อมโยงกัน

ตัวอย่าง

var x = "Bill" + " " + "Gates";

ลองด้วยตัวเอง

พอสมควรทดสอบนี้ด้วย:

ตัวอย่าง

var x = "8" + 3 + 5;

ลองด้วยตัวเอง

คำเตือน：ถ้าใส่ตัวเลขที่ต้องการใส่ในอักษรโรมัน ตัวเลขที่เหลือจะถูกจับตามอันดับและใช้เป็นข้อความที่เชื่อมโยงกัน

ทดสอบนี้:

ตัวอย่าง

var x = 3 + 5 + "8";

ลองด้วยตัวเอง

อ่านเพิ่มเติม

ตัวเรียนรู้ JavaScript อาวุโส： ECMAScript ภาษา、 ตัวแปร ECMAScript