encodeURI() เข้ารหัส URI ทั้งหมด (ยกเว้น Reserved Characters: , / ? : @ & = + $ #) decodeURI() ถอดรหัส URI ที่เข้ารหัสด้วย encodeURI ตัวอย่าง <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8 /> <meta name=viewport content=width=device-width, initial-scale=1.0

Parameters: ตัวแปรใน Function Definition (Placeholder) Arguments: ค่าจริงที่ส่งเข้า Function Call (Actual Values) ตัวอย่าง <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8 /> <meta name=viewport content=width=device-width, initial-scale=1.0 /> <title&

Function เรียกได้ 2 แบบ: Function Invocation (this = global/undefined) และ Method Invocation (this = Object Owner) ตัวอย่าง <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8 /> <meta name=viewport content=width=device-width, initial-scale=1.0 /> <title

Function.prototype.call(thisArg, arg1, arg2...) เรียก Function โดยระบุ this เอง ส่ง Argument แบบแยกตัว ตัวอย่าง 18) { sampleEle.innerHTML = this.name + you are adult, can drive + vehicle + in + country; } else { sampleEle.innerHTML = this.name + not adult, cannot drive

Block Scope: พื้นที่ระหว่าง { } (if, for, function, block ธรรมดา) ตัวแปร let และ const (ES2015) เป็น Block-Scoped ตัวอย่าง <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8 /> <meta name=viewport content=width=device-width, initial-scale=1.0 /> <title&

Error Object ถูกสร้างเมื่อเกิด Error มี Property หลัก 2 ตัว: name และ message Properties Propertyคำอธิบาย nameชื่อ Error (EvalError, RangeError, ReferenceError, SyntaxError, TypeError, URIError) messageข้อความอธิบาย Error stackStack Trace (Non-standard แต่ทุก Browser รองรับ)

Destructuring Assignment แยกค่าจาก Array/Object ให้ตัวแปรหลายตัวในบรรทัดเดียว ตัวอย่าง <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8 /> <meta name=viewport content=width=device-width, initial-scale=1.0 /> <title>Array Destructuring</title>

for...of วนลูปค่า (Value) ของ Iterable Objects: Array, String, Map, Set, NodeList, Arguments, Generators ตัวอย่าง <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8 /> <meta name=viewport content=width=device-width, initial-scale=1.0 /> <title>for...

Array.find(callback) คืน Element แรก ที่ Callback คืน true ไม่พบคืน undefined ตัวอย่าง <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8 /> <meta name=viewport content=width=device-width, initial-scale=1.0 /> <title>Array Find</title> <st

splice(start, deleteCount) ลบ Element จาก Array ต้นฉบับ คืน Array ของ Element ที่ลบ ตัวอย่าง <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8 /> <meta name=viewport content=width=device-width, initial-scale=1.0 /> <title>Remove with Splice</titl

ใช้ Constructor.prototype เพิ่ม Property/Method ให้ Instance ทุกตัว Share Memory ร่วมกัน ตัวอย่าง <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8 /> <meta name=viewport content=width=device-width, initial-scale=1.0 /> <title>Prototype</title>

ใช้ function เป็น Constructor เรียกด้วย new สร้าง Instance ใหม่ ผูก this ให้ Instance นั้น ตัวอย่าง <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8 /> <meta name=viewport content=width=device-width, initial-scale=1.0 /> <title>Constructor with new

Constructor ปกติคืน this (Instance ใหม่) แต่ถ้า return Object จะคืน Object นั้นแทน (Primitive ถูกละเว้น) ตัวอย่าง <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8 /> <meta name=viewport content=width=device-width, initial-scale=1.0 /> <title>Constr

finally บล็อกที่รัน เสมอ หลัง try/catch ไม่ว่าจะมี Error หรือไม่ มี Return หรือไม่ ตัวอย่าง <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8 /> <meta name=viewport content=width=device-width, initial-scale=1.0 /> <title>Finally</title> <

IIFE (Immediately Invoked Function Expression): Function ที่รันทันทีหลัง定義 ไม่ต้องเรียกเอง ตัวอย่าง <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8 /> <meta name=viewport content=width=device-width, initial-scale=1.0 /> <title>IIFE</title>

Type Coercion (Implicit Conversion): JavaScript แปลงชนิดข้อมูลอัตโนมัติระหว่าง Operation ตัวอย่าง <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8 /> <meta name=viewport content=width=device-width, initial-scale=1.0 /> <title>Type Coercion</titl

Type Casting (Explicit Conversion): แปลงชนิดข้อมูลโดยเจตนารู้สึกด้วย Constructor Functions ตัวอย่าง <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8 /> <meta name=viewport content=width=device-width, initial-scale=1.0 /> <title>Type Casting</tit

window.innerWidth ความกว้าง Viewport (Content Area) | window.innerHeight ความสูง Viewport ตัวอย่าง <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8 /> <meta name=viewport content=width=device-width, initial-scale=1.0 /> <title>Window Dimensions<

ใช้ split() แยกคำ วนลูปตรวจสอบ คำที่ต้องการ ห่อด้วย <span class=color> แล้ว join() กลับ ตัวอย่าง <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <meta name=viewport content=width=device-width, initial-scale=1.0> <title>Highlight on Load<

ใช้ querySelector() หรือ querySelectorAll()[0] หา Element แล้วเรียก .focus() ตัวอย่าง <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <meta name=viewport content=width=device-width, initial-scale=1.0> <title>Focus by Class</title> </head