การใช้งาน JavaScript Statements

JavaScript statements (คำสั่งในภาษา JavaScript) คือชุดคำสั่งที่ให้เบราว์เซอร์หรือโปรแกรมทำงานตามที่เราต้องการ โปรแกรมในภาษา JavaScript จะประกอบด้วยลำดับของ statements ซึ่งแต่ละคำสั่งจะบอกให้คอมพิวเตอร์ทำบางสิ่งบางอย่าง

โครงสร้างของ JavaScript Statements

แต่ละ statement ใน JavaScript มักจะประกอบด้วย

• คำสั่ง (Command) สิ่งที่เราต้องการให้โปรแกรมทำ เช่น การกำหนดค่า การคำนวณ หรือการเรียกใช้ฟังก์ชัน
• ตัวจบคำสั่ง (;) ส่วนใหญ่ใน JavaScript เราจะใช้เครื่องหมาย ; เพื่อจบแต่ละคำสั่ง (แต่ในหลายกรณีสามารถเว้นได้)

ตัวอย่าง

let name = "John";  // กำหนดตัวแปร name ให้มีค่าเป็น "John"
let age = 25;       // กำหนดตัวแปร age ให้มีค่าเป็น 25
console.log(name);  // แสดงค่า name บน console

ในตัวอย่างนี้ มี 3 statements

1. กำหนดตัวแปรชื่อ name และให้ค่าเป็น "John"
2. กำหนดตัวแปรชื่อ age และให้ค่าเป็น 25
3. แสดงผลตัวแปร name ผ่านทางฟังก์ชัน console.log

ประเภทของ JavaScript Statements

JavaScript มีคำสั่งหลายประเภทที่เราใช้ในการเขียนโปรแกรม

คำสั่งการประกาศตัวแปร (Variable Declaration Statements)

ใช้ในการสร้างตัวแปรเพื่อเก็บข้อมูล

let x = 10;
const pi = 3.14;
var message = "Hello";

คำสั่งเหล่านี้จะสร้างตัวแปร x, pi, และ message ขึ้นมา โดยแต่ละตัวเก็บค่าที่ต่างกัน

คำสั่งการควบคุมการทำงาน (Control Statements)

ใช้ในการควบคุมการไหลของโปรแกรม เช่น การตัดสินใจหรือการวนลูป

• if/else Statement ตรวจสอบเงื่อนไขและทำงานตามเงื่อนไขที่กำหนด

if (age > 18) {
  console.log("You are an adult.");
} else {
  console.log("You are a minor.");
}

• for Loop ใช้ในการวนลูปคำสั่ง

for (let i = 0; i < 5; i++) {
  console.log(i);
}

คำสั่งฟังก์ชัน (Function Statements)

ใช้ในการสร้างฟังก์ชันเพื่อรวมคำสั่งที่สามารถนำไปใช้ซ้ำได้

function greet(name) {
  console.log("Hello " + name);
}

greet("John");

ฟังก์ชัน greet จะรับค่า name แล้วแสดงคำว่า “Hello” ตามด้วยชื่อที่ได้รับมา

คำสั่งการกำหนดค่า (Assignment Statements)

ใช้ในการกำหนดค่าหรือตั้งค่าตัวแปร

let total = 100;
total = total + 50;

คำสั่งนี้จะเพิ่มค่า total เป็น 150

การจบ statement ด้วยเครื่องหมาย (;)

แม้ว่า JavaScript จะไม่บังคับให้ใช้เครื่องหมาย ; ทุกครั้ง แต่การใส่ ; เป็นวิธีที่ดีในการป้องกันปัญหาการทำงานของโปรแกรมในบางกรณี

let a = 10; let b = 20; let c = a + b;

ในกรณีนี้ การใช้เครื่องหมาย ; ช่วยแยกแต่ละ statement ออกจากกัน

JavaScript White Space

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

let name = "John";
let age = 25;

หรือ

let name = "John"; let age = 25;

ทั้งสองแบบนี้ทำงานเหมือนกัน

Comment (การคอมเมนต์)

สามารถเพิ่มคำอธิบายภายในโค้ดด้วยการคอมเมนต์ ซึ่ง JavaScript จะไม่ทำงานคำสั่งในคอมเมนต์

• คอมเมนต์บรรทัดเดียว

// นี่คือคอมเมนต์
let x = 5;  // กำหนดค่าให้ x

• คอมเมนต์หลายบรรทัด

/*
นี่คือคอมเมนต์
หลายบรรทัด
*/
let y = 10;

สรุป

JavaScript statements คือคำสั่งที่ใช้บอกโปรแกรมให้ทำงานตามที่ต้องการ มีหลายประเภท เช่น การประกาศตัวแปร การควบคุมการไหลของโปรแกรม หรือการทำงานซ้ำ