JavaScript var
ตัวอย่าง
สร้างตัวแปรที่เรียกว่า carName และกำหนดค่า "Volvo" ให้กับมัน:
var carName = "Volvo";
ตัวอย่างเพิ่มเติมด้านล่าง
ความหมายและการใช้งาน
คำvar
สั่งประกาศตัวแปร
ตัวแปรคือคอนเทนเนอร์สำหรับจัดเก็บข้อมูล
การสร้างตัวแปรใน JavaScript เรียกว่า "การประกาศ" ตัวแปร:
var carName;
หลังจากการประกาศ ตัวแปรจะว่างเปล่า (ไม่มีค่า)
ในการกำหนดค่าให้กับตัวแปร ให้ใช้เครื่องหมายเท่ากับ:
carName = "Volvo";
คุณยังสามารถกำหนดค่าให้กับตัวแปรเมื่อคุณประกาศ:
var carName = "Volvo";
บันทึก
undefined
ตัวแปรที่ประกาศโดยไม่มีค่า มีค่า
ดูสิ่งนี้ด้วย:
การอ้างอิง JavaScript: JavaScript let
การอ้างอิง JavaScript: JavaScript const
บทช่วยสอน
บทช่วยสอน JavaScript: ตัวแปร JavaScript
บทช่วยสอน JavaScript: JavaScript Let
บทช่วยสอน JavaScript: JavaScript Const
บทช่วยสอน JavaScript: ขอบเขต JavaScript
ไวยากรณ์
var name = value;
พารามิเตอร์
Parameter | Description |
name | Required. The name of the variable. Variable names must follow these rules: Must begin with a letter, or $, or _ Names are case sensitive (y and Y are different) Reserved JavaScript words cannot be used as names |
value | Optional. A value to be assigned to the variable. |
บันทึก
ECMAScript6 (ES6 / JavaScript 2015) สนับสนุนให้คุณประกาศตัวแปรด้วยlet not var
ตัวอย่างเพิ่มเติม
ใช้varเพื่อกำหนด 5 ให้กับ x และ 6 ให้กับ y และแสดง x + y:
var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;
ใช้letเพื่อกำหนด 5 ให้กับ x และ 6 ให้กับ y และแสดง x + y:
let x = 5;
let y = 6;
document.getElementById("demo").innerHTML = x + y;
ประกาศตัวแปรจำนวนมากในคำสั่งเดียว
เริ่มต้นคำสั่งด้วยvarและแยกตัวแปรด้วยเครื่องหมายจุลภาค :
var lastName = "Doe",
age = 30,
job = "carpenter";
ประกาศตัวแปรจำนวนมากในคำสั่งเดียว
เริ่มต้นคำสั่งด้วยletและแยกตัวแปรด้วยเครื่องหมายจุลภาค :
let lastName = "Doe",
age = 30,
job = "carpenter";
ใช้varในลูป:
let text = "";
for (var i = 0; i < 5; i++) {
text += i + "<br>";
}
ใช้ การ วนซ้ำ:
let text = "";
for (let i = 0; i < 5; i++) {
text += i + "<br>";
}
รองรับเบราว์เซอร์
var
เป็นคุณลักษณะ ECMAScript1 (ES1)
ES1 (JavaScript 1997) ได้รับการสนับสนุนอย่างสมบูรณ์ในเบราว์เซอร์ทั้งหมด:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |