คำสั่งจาวาสคริปต์
ตัวอย่าง
let x, y, z; // Statement 1
x = 5; // Statement 2
y = 6; // Statement 3
z = x + y; // Statement 4
โปรแกรมจาวาสคริปต์
โปรแกรมคอมพิวเตอร์คือรายการของ "คำสั่ง" ที่จะ "ดำเนินการ" โดยคอมพิวเตอร์
ในภาษาการเขียนโปรแกรม คำสั่งการเขียนโปรแกรมเหล่านี้เรียกว่าคำสั่ง
โปรแกรมJavaScriptคือรายการคำสั่งการ เขียนโปรแกรม
ใน HTML โปรแกรม JavaScript จะถูกดำเนินการโดยเว็บเบราว์เซอร์
คำสั่งจาวาสคริปต์
คำสั่ง JavaScript ประกอบด้วย:
ค่า ตัวดำเนินการ นิพจน์ คำสำคัญ และข้อคิดเห็น
คำสั่งนี้บอกให้เบราว์เซอร์เขียน "สวัสดี Dolly" ภายในองค์ประกอบ HTML ที่มี id="demo":
ตัวอย่าง
document.getElementById("demo").innerHTML = "Hello Dolly.";
โปรแกรม JavaScript ส่วนใหญ่มีคำสั่ง JavaScript จำนวนมาก
คำสั่งจะดำเนินการทีละคนในลำดับเดียวกับที่เขียน
โปรแกรม JavaScript (และคำสั่ง JavaScript) มักเรียกว่าโค้ด JavaScript
อัฒภาค ;
อัฒภาคแยกคำสั่ง JavaScript
เพิ่มเครื่องหมายอัฒภาคที่ส่วนท้ายของคำสั่งเรียกทำงานแต่ละคำสั่ง:
ตัวอย่าง
let a, b, c; // Declare 3 variables
a = 5; // Assign the value 5 to a
b = 6; // Assign the
value 6 to b
c = a + b; // Assign the sum of a and b to c
เมื่อคั่นด้วยเครื่องหมายอัฒภาค อนุญาตให้ใช้หลายคำสั่งในบรรทัดเดียว:
a = 5; b = 6; c = a + b;
บนเว็บ คุณอาจเห็นตัวอย่างที่ไม่มีเครื่องหมายอัฒภาค
ไม่จำเป็นต้องลงท้ายด้วยเครื่องหมายอัฒภาค แต่ขอแนะนำเป็นอย่างยิ่ง
JavaScript White Space
JavaScript ละเว้นหลายช่องว่าง คุณสามารถเพิ่มช่องว่างในสคริปต์เพื่อให้อ่านง่ายขึ้น
บรรทัดต่อไปนี้เทียบเท่า:
let person = "Hege";
let person="Hege";
แนวปฏิบัติที่ดีคือการเว้นวรรครอบโอเปอเรเตอร์ ( = + - * / ):
let x = y + z;
JavaScript ความยาวบรรทัดและตัวแบ่งบรรทัด
เพื่อให้อ่านง่ายที่สุด โปรแกรมเมอร์มักจะหลีกเลี่ยงบรรทัดโค้ดที่ยาวเกิน 80 อักขระ
หากคำสั่ง JavaScript ไม่พอดีกับหนึ่งบรรทัด ตำแหน่งที่ดีที่สุดที่จะแยกคำสั่งคือหลังจากโอเปอเรเตอร์:
ตัวอย่าง
document.getElementById("demo").innerHTML =
"Hello Dolly!";
บล็อกโค้ด JavaScript
คำสั่ง JavaScript สามารถจัดกลุ่มเข้าด้วยกันในบล็อคโค้ด ภายในวงเล็บปีกกา {...}
จุดประสงค์ของบล็อคโค้ดคือการกำหนดคำสั่งที่จะดำเนินการร่วมกัน
ที่เดียวคุณจะพบคำสั่งที่จัดกลุ่มเข้าด้วยกันในบล็อกอยู่ในฟังก์ชัน JavaScript:
ตัวอย่าง
function myFunction() {
document.getElementById("demo1").innerHTML = "Hello Dolly!";
document.getElementById("demo2").innerHTML = "How are you?";
}
ในบทช่วยสอนนี้ เราใช้การเยื้อง 2 ช่องสำหรับบล็อกโค้ด
คุณจะได้เรียนรู้เพิ่มเติมเกี่ยวกับฟังก์ชันต่างๆ ในภายหลังในบทช่วยสอนนี้
คีย์เวิร์ด JavaScript
คำสั่ง JavaScript มักจะเริ่มต้นด้วยคีย์เวิร์ด เพื่อระบุการกระทำของ JavaScript ที่จะดำเนินการ
การอ้างอิงคำสงวนของเราแสดงรายการคำหลัก JavaScript ทั้งหมด
นี่คือรายการคำหลักบางส่วนที่คุณจะได้เรียนรู้ในบทช่วยสอนนี้:
| คำสำคัญ | คำอธิบาย |
|---|---|
| var | ประกาศตัวแปร |
| let | ประกาศตัวแปรบล็อก |
| const | ประกาศค่าคงที่บล็อก |
| if | ทำเครื่องหมายกลุ่มคำสั่งที่จะดำเนินการตามเงื่อนไข |
| switch | ทำเครื่องหมายกลุ่มคำสั่งที่จะดำเนินการในกรณีต่างๆ |
| for | ทำเครื่องหมายกลุ่มคำสั่งที่จะดำเนินการในลูป |
| function | ประกาศฟังก์ชั่น |
| return | ออกจากฟังก์ชัน |
| try | ใช้การจัดการข้อผิดพลาดกับกลุ่มคำสั่ง |
คีย์เวิร์ด JavaScript เป็นคำสงวน คำสงวนไม่สามารถใช้เป็นชื่อตัวแปรได้