สมัครเรียนโทร. 085-350-7540 , 084-88-00-255 , ntprintf@gmail.com
การเขียนโค้ดที่มีความกระชับและชัดเจนเป็นหนึ่งในคุณสมบัติที่สำคัญที่โปรแกรมเมอร์ทุกคนควรมี เนื่องจากจะทำให้โค้ดของเราง่ายต่อการอ่าน และบำรุงรักษาในอนาคต ในบทความนี้ ผมจะนำเสนอ 5 เทคนิคในการเขียน JavaScript Code ให้มีขนาดสั้นลงแต่ไม่ลดทอนความสามารถของโปรแกรมที่เขียนขึ้นมา
หนึ่งในความสามารถที่มาพร้อมกับ ES6 คือ arrow functions, ซึ่งช่วยให้เราสามารถเขียนฟังก์ชันได้อย่างกระชับ และยังคงความชัดเจน:
// ก่อน
function add(a, b) {
return a + b;
}
// หลังใช้ Arrow Function
const add = (a, b) => a + b;
จะเห็นได้ว่า arrow function ทำให้เราไม่จำเป็นต้องใช้คำว่า `function` และ `return` สำหรับ single expression ทำให้โค้ดสั้นและอ่านง่ายขึ้น
Template literals เป็นวิธีใหม่ในการจัดรูปแบบสตริง ที่ทำให้เราสามารถใส่ตัวแปรหรือแสดงผล operation ต่างๆ ในสตริงโดยตรง:
const name = 'Alice';
const greeting = `Hello, ${name}!`;
โค้ดที่ใช้ template literals ช่วยลดความซับซ้อนในการต่อสตริง ปรับให้โค้ดสั้นลงและคงความเข้าใจง่าย
Destructuring assignment ช่วยให้เราสามารถ unpack values จาก arrays หรือ properties จาก objects ได้ใน single statement:
const person = { name: 'John', age: 30 };
// ก่อน
const name = person.name;
const age = person.age;
// หลังใช้ Destructuring
const { name, age } = person;
การใช้ destructuring ทำให้โค้ดสั้นลงได้อย่างเห็นได้ชัดเจน และยังทำให้การจัดการกับโครงสร้างข้อมูลที่ซับซ้อนกลายเป็นเรื่องง่ายขึ้น
Spread operator ช่วยยืด array หรือ object ให้เป็นส่วนๆ ในขณะที่ rest operator ช่วยรวบรวม elements ที่เหลืออยู่ใน array:
const arr1 = [1, 2, 3];
const arr2 = [...arr1, 4, 5]; // Spread
function logNumbers(...numbers) { // Rest
console.log(numbers);
}
การใช้ operators เหล่านี้มีส่วนช่วยให้โค้ดมีความยืดหยุ่นและกระชับมากยิ่งขึ้น
Ternary operator หรือ conditional operator ช่วยให้เราเขียนเงื่อนไขในรูปแบบกระชับ:
const isMember = true;
const discount = isMember ? 10 : 0;
การใช้ ternary operator แทนการเขียน if...else statement ทั่วไปช่วยทำให้โค้ดสั้นลงและลดความซับซ้อนในการเขียนเงื่อนไข
การใช้งานเทคนิคเหล่านี้ต้องอาศัยความเข้าใจในหลักการทำงานของ JavaScript ที่แท้จริง ผู้ที่ต้องการพัฒนาทักษะดังกล่าวสามารถเรียนรู้เพิ่มเติมได้ที่หลักสูตรที่ต่างๆ หนึ่งในหลักสูตรที่แนะนำคือจาก EPT ซึ่งมุ่งเน้นสอนการพัฒนาซอฟต์แวร์แบบมืออาชีพ ที่สำคัญคือการเรียนรู้พื้นฐานให้มั่นคง จะช่วยให้คุณนำเทคนิคเหล่านี้ไปประยุกต์ใช้ได้อย่างมีประสิทธิภาพและถูกต้องในการเขียน JavaScript สำหรับโครงการจริงในอนาคตของคุณ!
หมายเหตุ: ข้อมูลในบทความนี้อาจจะผิด โปรดตรวจสอบความถูกต้องของบทความอีกครั้งหนึ่ง บทความนี้ไม่สามารถนำไปใช้อ้างอิงใด ๆ ได้ ทาง EPT ไม่ขอยืนยันความถูกต้อง และไม่ขอรับผิดชอบต่อความเสียหายใดที่เกิดจากบทความชุดนี้ทั้งทางทรัพย์สิน ร่างกาย หรือจิตใจของผู้อ่านและผู้เกี่ยวข้อง
หากเจอข้อผิดพลาด หรือต้องการพูดคุย ติดต่อได้ที่ https://m.me/expert.Programming.Tutor/
Tag ที่น่าสนใจ: javascript arrow_functions template_literals destructuring_assignment spread_operator rest_operator ternary_operator es6 programming code_optimization
หากมีข้อผิดพลาด/ต้องการพูดคุยเพิ่มเติมเกี่ยวกับบทความนี้ กรุณาแจ้งที่ http://m.me/Expert.Programming.Tutor
085-350-7540 (DTAC)
084-88-00-255 (AIS)
026-111-618
หรือทาง EMAIL: NTPRINTF@GMAIL.COM
Copyright (c) 2013 expert-programming-tutor.com. All rights reserved. | 085-350-7540 | 084-88-00-255 | ntprintf@gmail.com