คำสั่งในที่นี้คือโครงสร้างการเขียนโปรแกรมของภาษาจาวาสคริปต์ ซึ่งประกอบไปด้วย Values (ค่า), Operators (ตัวดำเนินการ), Expressions (นิพจน์), Keywords (คำสำคัญ), และ Comments (คอมเมนต์)
ตัวอย่างที่ 1 Statements
<html> <body> <h1>JavaScript Statements</h1> <p id="demo"></p> <script> var x, y, z; // Statement 1 x = 5; // Statement 2 y = 6; // Statement 3 z = x + y; // Statement 4 document.getElementById("demo").innerHTML = "ค่าของตัวแปร z เท่ากับ " + z + "."; </script> </body> </html>
ไฟล์ที่ 1 ตัวอย่างของคำว่า statements
จากไฟล์ที่ 1 ในบรรทัดที่ 10 var x,y,z คือคำสั่ง (statement) ประกาศตัวแปร
บรรทัดที่ 11 กำหนดให้ x มีค่าเท่ากับ 5
บรรทัดที่ 12 กำหนดให้ y มีค่าเท่ากับ 6
บรรทัดที่ 13 กำหนดให้ z มีค่าเท่ากับ x บวก y ดังนั้น z จึงมีค่าเท่ากับ 11
จากบรรทัดที่ 10 – 13 จะสังเกตได้ว่า หนึ่ง statement จะปิดท้ายด้วยเครื่องหมายอัฒภาค; ซึ่งเครื่องหมายอัฒภาคไม่เพียงแค่บอกว่าเป็นหนึ่ง statement เท่านั้น แต่ยังช่วยให้สามารถนำหลายๆ statement มาไว้ในบรรทัดเดียวกันด้วย ตัวอย่างเช่น
<html> <body> <h1>JavaScript Statements</h1> <p id="demo"></p> <script> var x, y, z; x = 5; y = 6; z = x + y; // 4 statement document.getElementById("demo").innerHTML = "ค่าของตัวแปร z เท่ากับ " + z + "."; </script> </body> </html>
ไฟล์ที่ 2 ตัวอย่างของ statement หลายตัวอยู่ในบรรทัดเดียวกัน
จากไฟล์ที่ 2 เมื่อเรานำ statement หลายตัวไว้ที่บรรทัดเดียวกันนั้นแน่นอนว่าช่วยลดบรรทัดในการเขียนโค้ดลงได้ ซึ่งก็แน่นอนว่าการอ่านโค้ดโดยมนุษย์อาจจะดูยากขึ้นนิดหน่อย
ข้อแนะนำ การแบ่งบรรทัดในการเขียนโค้ดนั้นควรมีความยาวไม่เกิน 80 อักกขระ เพื่อให้โปรแกรมเมอร์นั้นอ่านได้ง่าย
Code blocks
code block เป็นการจัดแบ่งกลุ่มของโค้ดที่มีการทำงาน หรือมมีลักษณะที่เหมือนกัน สอดคล้องกัน หรือเรียกอีกอย่างคือการสร้างฟังก์ชั่น (Function) ตัวอย่างเช่น
<html> <body> <div id="exam1">content...</div> <div id="exam2">content...</div> <button onclick="testFunction()">คลิก</button> <script> function testFunction(){ document.getElementById("exam1").innerHTML = "Code Block /"; document.getElementById("exam2").innerHTML = "Function"; } </script> </body> </html>
ไฟล์ที่ 3 ตัวอย่างการสร้างกลุ่มของโค้ด (Function)
JavaScript Keyword
ส่วนใหญ่การดำเนินการต่างๆมักเริ่มด้วยการเรียกคีย์เวิร์ด เพื่อระบุการดำเนินการต่างๆ
ตัวอย่างของ keyword
คำสำคัญ | คำอธิบาย |
---|---|
break | ยุติสวิตช์หรือลูป |
continue | กระโดดออกจากวงและเริ่มที่ด้านบน |
debugger | หยุดการทำงานของ JavaScript และเรียกใช้ฟังก์ชันดีบัก (ถ้ามี) |
do … while | เรียกใช้บล็อกของคำสั่งและทำซ้ำบล็อกในขณะที่เงื่อนไขเป็นจริง |
for | ทำเครื่องหมายบล็อกของคำสั่งที่จะดำเนินการตราบเท่าที่เงื่อนไขเป็นจริง |
function | ประกาศฟังก์ชัน |
if … else | ทำเครื่องหมายบล็อกของคำสั่งที่จะดำเนินการขึ้นอยู่กับเงื่อนไข |
return | ออกจากฟังก์ชัน |
switch | ทำเครื่องหมายบล็อกของคำสั่งที่จะดำเนินการขึ้นอยู่กับกรณีต่างๆ |
try … catch | ดำเนินการจัดการข้อผิดพลาดกับบล็อกของคำสั่ง |
var | ประกาศตัวแปร |