Partial functions รับฟังก์ชันเป็นอาร์กิวเมนต์ พร้อมกับอาร์กิวเมนต์ประเภทอื่นๆ อีก ต่อมาใช้บางส่วนของอาร์กิวเมนต์ที่ส่งมา และคืนฟังก์ชันใหม่ที่จะรับอาร์กิวเมนต์ที่เหลือ ฟังก์ชันที่คืนมาเมื่อถูกเรียก จะเรียกฟังก์ชันต้นฉบับพร้อมอาร์กิวเมนต์เดิมและชุดอาร์กิวเมนต์ของตัวเอง ตัวอย่าง <!DOCTYPE html>

ตัวอย่าง ใช้ Set ร่วมกับ spread operator (...) เพื่อลบค่าซ้ำในอาร์เรย์ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>D

Import as อนุญาตให้นำเข้าโมดูลที่มีชื่อภายใต้ชื่อที่แตกต่างกัน Export as อนุญาตให้ส่งออกโมดูลที่มีชื่อภายใต้ชื่อที่แตกต่างกัน ตัวอย่าง <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="wi

ตัวอย่าง ใน Functional Programming ใช้ Array.some() คืนค่า true เพื่อหยุดลูป (เหมือน break) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /

ตัวอย่าง Dynamic imports ใช้ import() เป็นฟังก์ชันที่คืน Promise เพื่อโหลดโมดูลตามต้องการ (lazy loading) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scal

ตัวอย่าง ใน Functional Programming ไม่มีคีย์เวิร์ด continue โดยตรง แต่สามารถใช้ Array.some() คืนค่า false เพื่อข้ามรอบได้ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-wi

ตัวอย่าง ใช้ select() และ document.execCommand(copy) เพื่อคัดลอกข้อความจากช่องป้อนข้อมูลไปยังคลิปบอร์ด <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=

เมธอด generator.throw() ใช้สำหรับส่งข้อผิดพลาด (error) ไปยัง yield Generator จะดำเนินการต่อหลังจาก throw ถูกเรียก โดยการโยนข้อผิดพลาดและคืนออบเจ็กต์ที่มีคุณสมบัติ done และ value ตัวอย่าง <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" />

ตัวอย่าง ใช้เมธอด Array.reduce() เพื่อรวมค่าอาร์เรย์ให้กลายเป็นค่าเดียว เช่น หาผลรวม <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />

ตัวอย่าง ใช้ document.readyState ตรวจสอบสถานะการโหลดเอกสาร: loading, interactive, complete <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /&

ในไฟล์หนึ่งสามารถมี default export ได้เพียงอันเดียว และสามารถตั้งชื่ออะไรก็ได้เมื่อ import เข้าไปในไฟล์อื่น แต่ named exports สามารถมีหลายตัวในไฟล์เดียว และต้อง import ด้วยชื่อที่ใช้ export ตัวอย่าง <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&q

Function expressions ช่วยให้เราสามารถเก็บฟังก์ชันไว้ในตัวแปร แล้วเรียกใช้ผ่านชื่อตัวแปรได้ พวกมันไม่ถูก hoist เหมือนการประกาศฟังก์ชันทั่วไป จึงไม่สามารถเรียกใช้ก่อนที่จะถูกกำหนดค่าได้ ตัวอย่าง <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /

Escape characters คือตัวอักษรที่ถูกตีความในรูปแบบอื่นที่ไม่ได้ตั้งใจ ในการพิมพ์ตัวอักษรเหล่านี้ตามตัวจริง ให้ใส่ backslash (\) นำหน้า ต่อไปนี้คือ escape characters ใน JavaScript: รหัส ผลลัพธ์ \bBackspace \fForm Feed \nNew Line (บรรทัดใหม่) \rCarriage

Template strings (หรือ Template literals) ถูกนำมารองรับใน ES6 เพื่อให้สามารถฝังนิพจน์ (expressions) ภายในสตริงได้ ใช้ backticks (` `) แทนเครื่องหมายคำพูดเดี่ยวหรือคู่ สนับสรุนการแทรกค่าแบบ ${expression} มีไวยากรณ์ที่สะดวกกว่าตัวดำเนินการ + ตัวอย่าง <!DOCTYPE html> <html lang="en"

คุณสมบัติ undefined ของ JavaScript ระบุว่าตัวแปรได้รับการประกาศหรือกำหนดค่าแล้วหรือยัง ตัวอย่าง <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0&quo

Event Bubbling - เมื่อเหตุการณ์เกิดขึ้นบนองค์ประกอบ ตัวจัดการเหตุการณ์จะทำงานบนองค์ประกอบนั้นก่อน แล้วจึงทำงานบนพาเรนต์ และต่อไปจนถึงบรรพบุรุษทั้งหมด Event Capturing - เป็นการทำงานย้อนกลับของ event bubbling เริ่มจากพาเรนต์ก่อน แล้วจึงลงมาที่ชิลด์ ตัวอย่าง <!DOCTYPE html> <html lang="e

ตัวอย่าง ใช้เมธอด Array.find() เพื่อค้นหาองค์ประกอบแรกที่ผ่านเงื่อนไขในอาร์เรย์ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <t

เมธอด Object.is() ที่นำมารองรับใน ES6 ใช้สำหรับเปรียบเทียบสองค่า ซึ่งสามารถเป็นค่าพื้นฐานหรือออบเจ็กต์ได้ ทำงานได้ดีกว่า == และ === ในบางกรณี ตัวอย่าง <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport"

เมธอด call(), apply() และ bind() ใช้สำหรับยืมเมธอดใน JavaScript ตัวอย่าง <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>

ตัวอย่าง สามารถกำหนดค่าเริ่มต้น (default parameters) ให้กับพารามิเตอร์ฟังก์ชัน เพื่อให้ทำงานได้แม้ไม่ส่งอาร์กิวเมนต์มา <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width