การตั้งชื่อ ความอ่านง่าย และข้อผิดพลาดที่พบบ่อย
แนวทางการตั้งชื่อและความอ่านง่าย หลีกเลี่ยงการบดบังตัวแปร ตัวเลขมหัศจรรย์ และการประกาศปะปนกัน
การตั้งชื่อ ความอ่านง่าย และข้อผิดพลาดที่พบบ่อย เป็นบทเรียน JavaScript Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 3 จากทั้งหมด 3 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน JavaScript Academy และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส JavaScript Academy มีบทเรียนทั้งหมด 3 บทเรียน
บทนำ
เป้าหมาย: เขียนโค้ดที่อ่านง่าย ใช้ชื่อที่ชัดเจน หลีกเลี่ยงตัวเลขมหัศจรรย์ และระวังการบดบังชื่อ
- ชื่อที่สื่อความหมาย
- ค่าคงที่สำหรับค่าที่กำหนดตายตัว
- ไม่บดบังชื่อโดยไม่ตั้งใจ
ตัวอย่างการตั้งชื่อที่ชัดเจน
ตั้งชื่อตัวแปรตามสิ่งที่ตัวแปรเก็บไว้ ไม่ใช่ตามวิธีใช้งาน ชื่อสั้นแต่ชัดเจนย่อมดีกว่า
// Use descriptive names
// Avoid single letters or vague words
const itemCount = 3;
const unitPrice = 5;
const totalPrice = itemCount * unitPrice;
console.log("Items:", itemCount);
console.log("Unit price:", unitPrice);
console.log("Total price:", totalPrice);
แนวทางการตั้งชื่อ
คำแนะนำการตั้งชื่อ:
- ใช้คำนามสำหรับข้อมูล (userName, totalPrice)
- ใช้คำกริยาสำหรับฟังก์ชัน (computeTotal)
- ใช้รูปแบบตัวพิมพ์ให้สม่ำเสมอ (camelCase)
ไม่มีตัวเลขมหัศจรรย์
ย้ายค่าที่กำหนดตายตัวไปเป็นค่าคงที่ (โดยทั่วไปนิยมใช้ตัวพิมพ์ใหญ่และขีดล่าง) วิธีนี้ช่วยอธิบายเจตนาและทำให้แก้ไขได้ง่ายขึ้น
// Replace magic numbers with named constants
const TAX_RATE = 0.08;
const SUBTOTAL = 20;
const tax = SUBTOTAL * TAX_RATE;
const finalTotal = SUBTOTAL + tax;
console.log("Tax:", tax);
console.log("Final total:", finalTotal);
ตัวอย่างการบดบังชื่อ
การบดบังชื่อ: ตัวแปรภายในใช้ชื่อเดียวกับตัวแปรภายนอกและบดบังตัวแปรภายนอก ควรใช้ชื่อที่แตกต่างกันเมื่อมีการซ้อนขอบเขต
// Shadowing: inner variable hides an outer one
let score = 10;
function addBonus() {
// The next line creates a new "score" only inside this function
let score = 5;
console.log("Inner score:", score);
}
addBonus();
console.log("Outer score:", score);
รายการตรวจสอบความอ่านง่าย
รายการตรวจสอบ:
- หนึ่งแนวคิดต่อหนึ่งบรรทัด
- ฟังก์ชันสั้น
- ใช้ค่าคงที่สำหรับค่าที่กำหนดตายตัว
- หลีกเลี่ยงการใช้ชื่อซ้ำในขอบเขตต่าง ๆ
แบบทดสอบแนวทางปฏิบัติที่ดีในการตั้งชื่อ
ตรวจสอบอย่างรวดเร็ว: การตั้งชื่อที่ชัดเจน
สรุปทบทวน
สรุปทบทวน: ใช้ชื่อที่สื่อความหมาย ย้ายค่าที่กำหนดตายตัวไปเป็นค่าคงที่ และหลีกเลี่ยงการบดบังชื่อ เพื่อให้โค้ดอ่านและดูแลรักษาได้ง่าย
คำถามที่พบบ่อย
บทเรียน “การตั้งชื่อ ความอ่านง่าย และข้อผิดพลาดที่พบบ่อย” ฟรีหรือไม่
ใช่ — ข้อความเต็มของ “การตั้งชื่อ ความอ่านง่าย และข้อผิดพลาดที่พบบ่อย” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส JavaScript Academy ให้อัปเกรดเป็น CoddyKit PRO คอร์ส JavaScript Academy มีบทเรียนทั้งหมด 3 บทเรียน
คุณจะเรียนรู้อะไรในบทเรียน “การตั้งชื่อ ความอ่านง่าย และข้อผิดพลาดที่พบบ่อย”
แนวทางการตั้งชื่อและความอ่านง่าย หลีกเลี่ยงการบดบังตัวแปร ตัวเลขมหัศจรรย์ และการประกาศปะปนกัน คุณปฏิบัติ JavaScript Academy ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน
คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน JavaScript Academy หรือไม่
ไม่จำเป็นต้องมีประสบการณ์มาก่อน JavaScript Academy บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 3 จากทั้งหมด 3 บทเรียน
บทเรียน “การตั้งชื่อ ความอ่านง่าย และข้อผิดพลาดที่พบบ่อย” ใช้เวลานานแค่ไหน
บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย
ฉันเขียนและรันโค้ดในบทเรียน JavaScript Academy นี้ได้ไหม
ได้ บทเรียน JavaScript Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ
บทเรียนทั้งหมดในหลักสูตรนี้
- let, const และการหลีกเลี่ยง var
- ขอบเขตบล็อก ฟังก์ชัน โมดูล และ TDZ
- การตั้งชื่อ ความอ่านง่าย และข้อผิดพลาดที่พบบ่อย