ฝึกทำแบบทดสอบเขียนโค้ด JavaScript

ลักษณะทั่วไปของข้อสอบจริง

ไม่มีแบบทดสอบเขียนโค้ด JavaScript เพียงรูปแบบเดียว นายจ้างแต่ละรายเลือกแพลตฟอร์มทดสอบ แล้วกำหนดคำถาม จำนวนงานที่ต้องทำ เวลาที่กำหนด และภาษาที่อนุญาตเอง คำเชิญเข้าสอบเป็นแนวทางที่ดีที่สุดสำหรับแบบทดสอบของคุณ ตัวอย่างสาธารณะแสดงให้เห็นถึงความหลากหลาย:

• HackerRank. HackerRank ระบุว่าแบบทดสอบทักษะ JavaScript (Basic) มี 2 questions in 1 hour 30 minutes และครอบคลุมหัวข้อต่างๆ เช่น ฟังก์ชัน (HackerRank) ศูนย์ช่วยเหลือระบุประเภทคำถามที่นายจ้างสามารถใส่ในการทดสอบได้ เช่น การเขียนโค้ด แบบปรนัย HTML/CSS/JavaScript นักพัฒนา front-end การตรวจทานโค้ด และคำถามปลายเปิด พร้อมแจ้งว่านายจ้างสามารถเพิ่มคำถามจากคลังของ HackerRank หรือเขียนคำถามเองได้ (HackerRank Help)
• TestGorilla. หน้าแบบทดสอบเขียนโค้ด JavaScript ของ TestGorilla ระบุว่าแบบทดสอบแต่ละรายการใช้เวลาตั้งแต่ 15 to 45 minutes มีแบบทดสอบอัลกอริทึมระดับเริ่มต้นที่ใช้เวลา 15 minutes ผู้สมัครทำแบบทดสอบในโปรแกรมแก้ไขโค้ดออนไลน์ และนายจ้างเป็นผู้เลือกภาษาที่มีให้ใช้ (TestGorilla)

ส่วนที่มีรายงานว่าพบได้บ่อยในแบบทดสอบ JavaScript ของนายจ้าง:

• งานเขียนโค้ด: เขียนฟังก์ชันในโปรแกรมแก้ไขโค้ดออนไลน์ ทดลองรันกับข้อมูลนำเข้าตัวอย่าง แล้วส่งคำตอบเพื่อตรวจสอบกับกรณีทดสอบเพิ่มเติมที่คุณอาจมองไม่เห็น
• แบบปรนัย: แนวคิด JavaScript ผลลัพธ์ที่โค้ดบางส่วนแสดงในบันทึก และการเลือกโค้ดที่ถูกต้อง
• การดีบักหรือการตรวจทานโค้ด: ค้นหาและแก้ปัญหาในโค้ดที่ผู้อื่นเขียน
• บางครั้งอาจมีเพิ่มเติม: การสร้างหรือแก้ไขหน้าเว็บ โปรเจกต์ front-end หรือ back-end ที่มีขนาดใหญ่ขึ้น งานที่ต้องทำกลับไปส่ง หรือการเฝ้าติดตามผ่านเว็บแคมและหน้าจอระหว่างการทดสอบ

แบบทดสอบจำลองของเราครอบคลุมอะไรบ้าง แบบทดสอบจำลองฉบับเต็มมี 20 questions in 60 minutes แบ่งเป็น 4 ส่วน ได้แก่ แนวคิด JavaScript (6), ผลลัพธ์ที่โค้ดบันทึกไว้ (6), การหาจุดผิดพลาด (5) และการสร้างวิธีแก้ปัญหา (3) โค้ดทั้งหมดเป็น JavaScript สมัยใหม่ที่ทำงานบน Node.js โดยไม่มีโค้ดสำหรับเบราว์เซอร์หรือเฟรมเวิร์ก คุณสามารถย้อนกลับไปเปลี่ยนคำตอบและทำเครื่องหมายคำถามไว้ได้จนกว่าจะส่งคำตอบ แบบทดสอบจำลองของเราฝึกการอ่าน การไล่ลำดับการทำงาน การดีบัก และการเลือกโค้ด แต่ไม่ได้รันโค้ดที่คุณเขียน การประเมินจริงหลายรายการให้เขียนโค้ดที่ต้องรันกับกรณีทดสอบที่ซ่อนไว้ แบบฝึกหัดนี้ช่วยพัฒนาทักษะการอ่าน การไล่ลำดับการทำงาน และการดีบักที่เป็นพื้นฐานของงานดังกล่าว ดังนั้นควรฝึกจับเวลาเขียนโค้ดในโปรแกรมแก้ไขโค้ดจริงเพิ่มเติมด้วย แบบทดสอบจำลองของเราไม่มีงานโปรเจกต์ front-end, back-end หรือ full-stack การคุมสอบ การตรวจจับการคัดลอกผลงาน การสัมภาษณ์ผ่านวิดีโอ งานที่ต้องทำกลับไปส่ง และไม่มีเกณฑ์ผ่านของนายจ้างรายใด

ประเภทคำถามพร้อมตัวอย่างวิธีทำ

ตัวอย่างการทำโจทย์หนึ่งข้อสำหรับแต่ละส่วน พร้อมจุดพลาดที่คนส่วนใหญ่มักเจอ

1. แนวคิด JavaScript let กับ var ต่างกันอย่างไร? let มีขอบเขตการใช้งานอยู่ในบล็อกที่ใกล้ที่สุด เช่น ส่วนเนื้อหาของลูป และไม่สามารถใช้ก่อนถึงบรรทัดที่ประกาศได้ ส่วน var มีขอบเขตตลอดทั้งฟังก์ชันและจะถูกยกขึ้นไปไว้ก่อน จึงมีค่าเป็น undefined ก่อนถึงบรรทัดที่ประกาศ จุดพลาด: คิดว่า const ทำให้ออบเจ็กต์หรืออาร์เรย์เปลี่ยนแปลงไม่ได้ จริง ๆ แล้ว const ป้องกันเพียงการกำหนดค่าใหม่ให้กับชื่อนั้น

2. โค้ดบันทึกค่าอะไร console.log(typeof null, typeof []) จะบันทึก object object ทั้งคู่ถูกจัดเป็นออบเจ็กต์เมื่อใช้ typeof หากต้องการตรวจว่าเป็นอาร์เรย์หรือไม่ ให้ใช้ Array.isArray สำหรับโค้ด async ให้จำลำดับไว้ว่า โค้ดทั่วไปทำงานก่อน ตามด้วย promise callbacks แล้วจึงเป็น timers จุดพลาด: เข้าใจว่า setTimeout(fn, 0) หมายถึง "ทำงานทันที" แต่จะรอจนกว่าโค้ดปัจจุบันและ promise callbacks ที่รออยู่จะทำงานเสร็จก่อนเสมอ

3. หาจุดบกพร่อง ฟังก์ชันคืนค่า undefined แทนยอดรวม ให้มองหา arrow function ที่มีวงเล็บปีกกาแต่ไม่มี return: (a, b) => { a + b } จะคืนค่า undefined ส่วน (a, b) => a + b จะคืนผลรวม จุดพลาด: แก้บรรทัดแรกที่ดูแปลก ให้ลองไล่ค่าข้อมูลทดสอบขนาดเล็กผ่านโค้ด แล้วหาบรรทัดแรกที่ค่าผิดไป

4. สร้างวิธีแก้ปัญหา คุณต้องหราคารวมของสินค้าในรถเข็น items.reduce((sum, item) => sum + item.price, 0) ใช้คำนวณได้ หากไม่มี 0 ต่อท้าย รถเข็นที่ว่างจะทำให้เกิด TypeError จุดพลาด: เลือกตัวเลือกที่ใช้ได้กับตัวอย่าง แต่ไม่รองรับกรณีขอบเขต ให้ตรวจทุกตัวเลือกกับอาร์เรย์ว่าง ข้อมูลหนึ่งรายการ ข้อมูลซ้ำ และค่าที่ขาดหายไป

วิธีเตรียมตัว

1. อ่านคำเชิญสอบก่อน ตรวจสอบว่าคุณจะใช้แพลตฟอร์มใด มีงานกี่ข้อ กำหนดเวลาเท่าไร เลือกใช้ JavaScript ได้หรือไม่ มีงานด้าน front-end หรือไม่ และมีการคุมสอบหรือไม่ รูปแบบการทดสอบแตกต่างกันมาก จึงไม่ควรคาดเดา
2. ลองใช้ส่วนฝึกของแพลตฟอร์มหากมี ทำความคุ้นเคยกับเครื่องมือแก้ไขโค้ด ปุ่ม Run และวิธีแสดงกรณีทดสอบตัวอย่าง เพื่อไม่ให้หน้าจอเป็นสิ่งใหม่ในวันสอบ ตัวอย่างเช่น HackerRank ระบุว่าผู้เข้าสอบสามารถคลิก Run เพื่อเรียกใช้กรณีทดสอบระหว่างทำงานได้ (HackerRank Support)
3. ไล่การทำงานของโค้ดด้วยตนเอง สำหรับโค้ดสั้น ๆ ให้จดค่าของตัวแปรแต่ละตัวหลังจบแต่ละบรรทัด สำหรับโค้ด async ให้แยกจดเป็นสามรายการ ได้แก่ สิ่งที่ทำงานทันที promise callbacks และ timers
4. รู้จักเครื่องมือที่ใช้เป็นประจำ Arrays และเมธอดต่าง ๆ (map, filter, reduce, some, find, sort), objects, Map และ Set, strings, destructuring, spread, template literals, async และ await
5. คิดถึงกรณีขอบก่อนส่งคำตอบ เช่น arrays และ strings ที่ว่างเปล่า มีข้อมูลเพียงรายการเดียว ค่าซ้ำ null และ undefined หรือตัวเลขที่ระบุเป็น strings กรณีทดสอบที่ซ่อนอยู่มักตรวจสอบเรื่องเหล่านี้โดยเฉพาะ
6. ลองเขียนโค้ดแข่งกับเวลา แบบทดสอบจำลองของเราช่วยฝึกการอ่านและการแก้ข้อผิดพลาด ลองแก้โจทย์สั้น ๆ ในเครื่องมือแก้ไขโค้ดจริงพร้อมจับเวลาด้วย เพื่อให้คุ้นเคยกับการเขียนและรันโค้ดภายใต้แรงกดดัน
7. ฝึกด้วยความเร็วจริง หากการทดสอบของคุณคล้ายตัวอย่าง JavaScript (Basic) ของ HackerRank การทำ 2 คำถามใน 1 ชั่วโมง 30 นาทีจะให้เวลาประมาณ 45 นาทีต่อข้อ (HackerRank) ลองทำแบบทดสอบจำลองฉบับเต็มแบบจับเวลา เพื่อให้คุ้นเคยกับการจัดสรรเวลา

โดยทั่วไปการให้คะแนนเป็นอย่างไร

การให้คะแนนขึ้นอยู่กับแพลตฟอร์มและนายจ้าง ไม่มีมาตรวัดหรือเกณฑ์ผ่านที่ใช้ได้กับทุกแห่ง โดยทั่วไปคำถามเขียนโค้ดจะได้รับการตรวจและให้คะแนนโดยอัตโนมัติตามกรณีทดสอบ ต่อไปนี้เป็นคำอธิบายสาธารณะ 2 รายการ:

• HackerRank ระบุว่าคำถามเขียนโค้ดได้รับการประเมินด้วยกรณีทดสอบที่กำหนดไว้ล่วงหน้า เพื่อวัดความถูกต้องและประสิทธิภาพ กรณีทดสอบแต่ละรายการมีคะแนนของตนเอง: โค้ดที่ผ่านกรณีทดสอบจะได้คะแนนเต็มของกรณีนั้น ส่วนโค้ดที่ไม่ผ่านจะได้ศูนย์ คะแนนรวมของคำถามคือผลรวมของคะแนนจากกรณีทดสอบที่ผ่าน ดังนั้นวิธีแก้ปัญหาที่ผ่านบางกรณีทดสอบจะได้คะแนนบางส่วน (ฝ่ายสนับสนุน HackerRank) ระบบประเมินคำถามเขียนโค้ดและคำถามแบบปรนัยโดยอัตโนมัติ ส่วนคำถาม HTML/CSS/JavaScript จะได้รับการตรวจด้วยตนเอง และคำถามส่วนหน้าได้รับการประเมินโดยอัตโนมัติ โดยแนะนำให้ตรวจทานด้วยตนเอง (ความช่วยเหลือ HackerRank)
• TestGorilla อธิบายว่าการให้คะแนนอิงเปอร์เซ็นไทล์และความถูกต้องโดยรวม พร้อมรายงานแสดงผลของแต่ละกรณีทดสอบ (TestGorilla)

นายจ้างแต่ละรายเป็นผู้กำหนดว่าผลลัพธ์แบบใดถือว่าดี และหลายแห่งพิจารณาโค้ดของคุณประกอบกับคะแนนด้วย

คะแนนฝึกทำของเรา คือจำนวนข้อฝึกทำของเราที่คุณตอบถูก พร้อมแยกคะแนนตามหมวด เพื่อให้เห็นว่าควรเน้นฝึกส่วนใด คะแนนนี้เป็นคะแนนจากการฝึกทำ ไม่ใช่คะแนนจากแบบทดสอบของแพลตฟอร์มใด และไม่ได้ใช้คาดการณ์ว่าคุณจะสอบผ่านหรือไม่

ข้อผิดพลาดที่พบบ่อย

• เรียงตัวเลขโดยไม่ใช้ฟังก์ชันเปรียบเทียบ [10, 9, 1].sort() จะเรียงเหมือนข้อความ ให้ใช้ sort((a, b) => a - b)
• ใช้ == แล้วแปลกใจที่มีการแปลงชนิดข้อมูล ควรใช้ === เว้นแต่มีเหตุผลที่ต้องใช้แบบอื่น
• ลืมว่า forEach ไม่รอให้ทำงานเสร็จ await ภายใน callback ของ forEach จะไม่หยุดฟังก์ชันภายนอก ให้ใช้ for...of หรือ Promise.all
• เปรียบเทียบออบเจ็กต์หรืออาร์เรย์ด้วย === ออบเจ็กต์สองตัวจะเท่ากันก็ต่อเมื่อเป็นออบเจ็กต์ตัวเดียวกัน ให้เปรียบเทียบฟิลด์ที่ต้องการตรวจสอบ
• เปลี่ยนอาร์เรย์ที่ต้องการเก็บไว้ sort, reverse และ splice เปลี่ยนอาร์เรย์เดิม ให้คัดลอกก่อนด้วย [...arr] เมื่อต้องการเก็บอาร์เรย์ต้นฉบับไว้
• ทดสอบแค่ตัวอย่าง ตัวอย่างที่มองเห็นมักผ่าน แต่กรณีทดสอบที่ซ่อนอยู่จะตรวจสอบอินพุตว่าง รายการเดียว ค่าซ้ำ และอินพุตขนาดใหญ่
• ใช้เวลากับงานเดียวจนหมด หากติดขัด ให้ส่งวิธีทำแบบง่ายที่ผ่านกรณีทดสอบบางส่วนก่อน แล้วทำข้อถัดไปและกลับมาทำข้อนี้หากยังมีเวลา