EP. 3: ฟังก์ชันและการตัดสินใจด้วย JavaScript

JavaScript

บทเรียนตอนที่ 3 ของซีรีส์ JavaScript คืออะไร? เริ่มต้นเขียนโปรแกรม เรียนรู้การใช้เงื่อนไข if...else ฟังก์ชัน และการส่งค่าเข้าไปประมวลผล พร้อมตัวอย่างที่สามารถนำไปทดลองได้จริง

1. ทบทวนพื้นฐานก่อนเริ่มตอนที่ 3

2. การตัดสินใจด้วย if...else

const score = 72;

if (score >= 50) {
    console.log('ผ่าน');
} else {
    console.log('ไม่ผ่าน');
}

3. ตรวจสอบหลายเงื่อนไข

const score = 86;

if (score >= 80) {
    console.log('ระดับดีมาก');
} else if (score >= 70) {
    console.log('ระดับดี');
} else if (score >= 50) {
    console.log('ผ่าน');
} else {
    console.log('ควรทบทวนบทเรียน');
}

ใช้ตัวดำเนินการทางตรรกะ

const age = 20;
const hasTicket = true;

if (age >= 18 && hasTicket) {
    console.log('อนุญาตให้เข้า');
} else {
    console.log('ยังไม่สามารถเข้าได้');
}

4. ฟังก์ชันคืออะไร

function greet() {
    console.log('สวัสดี ยินดีต้อนรับสู่ JavaScript');
}

greet();
greet();

5. ส่งข้อมูลเข้าไปในฟังก์ชัน

function greetUser(name) {
    console.log(`สวัสดี ${name}`);
}

greetUser('มิน');
greetUser('นัท');

6. ใช้ return เพื่อส่งค่ากลับ

function calculateTotal(price, quantity) {
    return price * quantity;
}

const total = calculateTotal(120, 3);
console.log(`ยอดรวม ${total} บาท`);

7. ตัวอย่างประยุกต์: ตรวจสอบคะแนนด้วยฟังก์ชัน

function evaluateScore(score) {
    if (typeof score !== 'number' || score < 0 || score > 100) {
        return 'คะแนนไม่ถูกต้อง';
    }

    if (score >= 80) {
        return 'ดีมาก';
    }

    if (score >= 50) {
        return 'ผ่าน';
    }

    return 'ควรทบทวนบทเรียน';
}

const resultA = evaluateScore(92);
const resultB = evaluateScore(65);
const resultC = evaluateScore(35);
const resultD = evaluateScore(120);

console.log(resultA);
console.log(resultB);
console.log(resultC);
console.log(resultD);

8. Arrow Function รูปแบบฟังก์ชันที่กระชับ

function add(a, b) {
    return a + b;
}

const addArrow = (a, b) => a + b;

console.log(add(4, 6));
console.log(addArrow(4, 6));

9. ข้อผิดพลาดที่มือใหม่ควรหลีกเลี่ยง

10. แบบฝึกหัดท้ายบท

function calculateDiscount(price, percent) {
    if (typeof price !== 'number' || typeof percent !== 'number') {
        return 'ข้อมูลต้องเป็นตัวเลข';
    }

    if (price < 0 || percent < 0 || percent > 100) {
        return 'ข้อมูลอยู่นอกช่วงที่ยอมรับ';
    }

    const discount = price * percent / 100;
    return price - discount;
}

console.log(calculateDiscount(500, 10));
console.log(calculateDiscount(250, 20));
console.log(calculateDiscount(100, 100));

11. สรุปสิ่งที่ได้เรียนรู้