JavaScript:
การจัดระเบียบโค้ดเข้าไปในฟังก์ชัน

วิธีการ:

// กำหนดฟังก์ชันเพื่อคำนวณพื้นที่ของสี่เหลี่ยมผืนผ้า
function calculateArea(width, height) {
  return width * height;
}

// เรียกใช้ฟังก์ชันและพิมพ์ผลลัพธ์
let area = calculateArea(5, 3);
console.log(area); // ผลลัพธ์: 15

// จัดกลุ่มฟังก์ชันที่มีความเกี่ยวข้องกัน
function greet(name) {
  console.log(`สวัสดี, ${name}!`);
}

function farewell(name) {
  console.log(`ลาก่อน, ${name}!`);
}

greet('Alice'); // ผลลัพธ์: สวัสดี, Alice!
farewell('Bob'); // ผลลัพธ์: ลาก่อน, Bob!

ดำดิ่งลึกลงไป

ในอดีต, ภาษาการเขียนโปรแกรมแบบคำสั่งเช่นเวอร์ชันเก่าๆ ของ BASIC หรือ Assembly ขาดการทำงานของฟังก์ชันที่เสนอ ตลอดเวลา, ความคิดของโค้ดแบบ modular ในภาษาเช่น C ได้นำเสนอความคิดที่ว่าการแบ่งโค้ดออกเป็นหน่วย (ฟังก์ชันหรือ procedures) นำไปสู่การจัดระเบียบและลอจิกที่ชัดเจนยิ่งขึ้น

ใน JavaScript, นอกเหนือจากฟังก์ชันทั่วๆ ไป เรายังมี arrow functions ตั้งแต่ ES6 (2015) ซึ่งให้ syntax ที่กะทัดรัดยิ่งขึ้นและเหมาะสำหรับฟังก์ชันที่ไม่ใช่เมทอด

วิธีการเลือกและพัฒนาเกี่ยวกับการจัดระเบียบโค้ดใน JavaScript รวมถึงการใช้งานแบบ object-oriented โดยใช้คลาส หรือแนวคิดการเขียนโปรแกรมแบบฟังก์ชันที่มองฟังก์ชันเป็นสิ่งสำคัญ

ในด้านการใช้งาน, ฟังก์ชัน JavaScript รองรับ closures, ให้วิธีรักษาการเข้าถึงสโคปของฟังก์ชันหลังจากการทำงานแล้ว, ซึ่งมีประสิทธิภาพสำหรับการกลั่นและสร้างฟังก์ชัน factory ในหมู่แบบอื่นๆ

ดูเพิ่มเติม

• MDN Web Docs เกี่ยวกับฟังก์ชัน: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Functions
• รูปแบบการออกแบบ JavaScript: https://addyosmani.com/resources/essentialjsdesignpatterns/book/
• โค้ด JavaScript ที่สะอาด: https://github.com/ryanmcdermott/clean-code-javascript