let x, y, z; // Statement 1
x = 5; // Statement 2
y = 6; // Statement 3
z = x + y; // Statement 4ลองด้วยตัวคุณเอง →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Statements</h2>
<p>A <b>JavaScript program</b> is a list of <b>statements</b> to be executed by a computer.</p>
<p id="demo"></p>
<script>
let x, y, z; // Statement 1
x = 5; // Statement 2
y = 6; // Statement 3
z = x + y; // Statement 4
document.getElementById("demo").innerHTML =
"The value of z is " + z + ".";
</script>
</body>
</html>
โปรแกรมคอมพิวเตอร์คือรายการ "คำสั่ง" ที่ต้องการ "ดำเนินการ" โดยคอมพิวเตอร์
ในภาษาการเขียนโปรแกรม คำแนะนำในการเขียนโปรแกรมเหล่านี้เรียกว่า คำสั่ง
โปรแกรม JavaScript คือรายการ คำสั่ง การเขียนโปรแกรม
ใน HTML โปรแกรม JavaScript จะถูกดำเนินการโดยเว็บเบราว์เซอร์
คำสั่ง JavaScript ประกอบด้วย:
ค่า ตัวดำเนินการ นิพจน์ คำหลัก และความคิดเห็น
คำสั่งนี้บอกให้เบราว์เซอร์เขียนว่า "Hello Dolly" ภายในองค์ประกอบ HTML ด้วย id="demo":
document.getElementById("demo").innerHTML = "Hello Dolly.";ลองด้วยตัวคุณเอง →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Statements</h2>
<p>In HTML, JavaScript statements are executed by the browser.</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Hello Dolly.";
</script>
</body>
</html>
จาวาสคริปต์ส่วนใหญ่ โปรแกรมประกอบด้วยคำสั่ง 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ลองด้วยตัวคุณเอง →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Statements</h2>
<p>JavaScript statements are separated by semicolons.</p>
<p id="demo1"></p>
<script>
let a, b, c;
a = 5;
b = 6;
c = a + b;
document.getElementById("demo1").innerHTML = c;
</script>
</body>
</html>
เมื่อคั่นด้วยเครื่องหมายอัฒภาค อนุญาตให้ใช้หลายคำสั่งในบรรทัดเดียวได้:
a = 5; b = 6; c = a + b;ลองด้วยตัวคุณเอง →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Statements</h2>
<p>Multiple statements on one line are allowed.</p>
<p id="demo1"></p>
<script>
let a, b, c;
a = 5; b = 6; c = a + b;
document.getElementById("demo1").innerHTML = c;
</script>
</body>
</html>
บนเว็บ คุณอาจเห็นตัวอย่างที่ไม่มีเครื่องหมายอัฒภาค
ไม่จำเป็นต้องมีคำสั่งลงท้ายด้วยเครื่องหมายอัฒภาค แต่ขอแนะนำเป็นอย่างยิ่ง
JavaScript ละเว้นช่องว่างหลายช่อง คุณสามารถเพิ่มช่องว่างให้กับสคริปต์ของคุณเพื่อให้อ่านง่ายขึ้น
บรรทัดต่อไปนี้เทียบเท่ากัน:
let person = "Hege";
let person="Hege";แนวปฏิบัติที่ดีคือการเว้นวรรครอบตัวดำเนินการ (=+ - */):
let x = y + z;เพื่อให้อ่านง่ายที่สุด โปรแกรมเมอร์มักหลีกเลี่ยงบรรทัดโค้ดที่ยาวเกิน 80 ตัวอักษร
หากคำสั่ง JavaScript ไม่พอดีกับหนึ่งบรรทัด ให้แยกตำแหน่งที่ดีที่สุด มันอยู่หลังตัวดำเนินการ:
document.getElementById("demo").innerHTML =
"Hello Dolly!";ลองด้วยตัวคุณเอง →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Statements</h2>
<p>
The best place to break a code line is after an operator or a comma.
</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
"Hello Dolly!";
</script>
</body>
</html>
คำสั่ง JavaScript สามารถจัดกลุ่มเข้าด้วยกันในบล็อกโค้ด ภายในแบบโค้ง วงเล็บปีกกา {...}
วัตถุประสงค์ของบล็อกโค้ดคือเพื่อกำหนดคำสั่งที่จะดำเนินการร่วมกัน
ที่เดียวที่คุณจะพบข้อความที่จัดกลุ่มไว้ด้วยกันคือใน ฟังก์ชั่นจาวาสคริปต์:
function myFunction() {
document.getElementById("demo1").innerHTML = "Hello Dolly!";
document.getElementById("demo2").innerHTML = "How are you?";
}ลองด้วยตัวคุณเอง →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Statements</h2>
<p>JavaScript code blocks are written between { and }</p>
<button type="button" onclick="myFunction()">Click Me!</button>
<p id="demo1"></p>
<p id="demo2"></p>
<script>
function myFunction() {
document.getElementById("demo1").innerHTML = "Hello Dolly!";
document.getElementById("demo2").innerHTML = "How are you?";
}
</script>
</body>
</html>
ในบทช่วยสอนนี้ เราใช้การเว้นวรรค 2 ช่องสำหรับบล็อกโค้ด
คุณจะได้เรียนรู้เพิ่มเติมเกี่ยวกับฟังก์ชันต่างๆ ในบทช่วยสอนนี้ในภายหลัง
คำสั่ง JavaScript มักจะเริ่มต้นด้วย คำหลัก เพื่อระบุการกระทำของ JavaScript ที่จะดำเนินการ
การอ้างอิงคำสงวนของเราแสดงรายการคำหลัก JavaScript ทั้งหมด
นี่คือรายการคำหลักบางคำที่คุณจะได้เรียนรู้ บทช่วยสอนนี้:
ประกาศตัวแปร
ประกาศตัวแปรบล็อก
ประกาศค่าคงที่บล็อก
ทำเครื่องหมายบล็อกคำสั่งที่จะดำเนินการตามเงื่อนไข
ทำเครื่องหมายบล็อกคำสั่งที่จะดำเนินการในกรณีต่างๆ
ทำเครื่องหมายบล็อกคำสั่งที่จะดำเนินการแบบวนซ้ำ
ประกาศฟังก์ชัน
ออกจากฟังก์ชัน
ดำเนินการจัดการข้อผิดพลาดกับกลุ่มคำสั่ง
คำหลัก JavaScript เป็นคำสงวน คำสงวนไม่สามารถใช้เป็นชื่อตัวแปรได้