Object.assign() เมธอดนี้ใช้คัดลอก Source Objects หนึ่งหรือหลายตัวไปยัง Target Object เรียก Getters และ Setters เนื่องจากใช้ get บน Source และ set บน Target คืนค่า Target Object ที่มี Properties และ Values คัดลอกจาก Source Objects เมธอดนี้ไม่ Throw Error เมื่อ Source เป็น Null หรือ Undefined Syntax

Sleep() ด้วย Sleep() เราสามารถหยุดการทำงานของฟังก์ชันเป็นเวลาที่กำหนดได้ ในภาษา C และ PHP ใช้ sleep(sec) Java มี Thread.sleep() Python มี time.sleep() และ GO มี time.Sleep(2 * time.Second) JavaScript ไม่มี Sleep Functions แบบนี้ แต่ขอบคุณ Promises และ Async/Await ใน ES2018 ที่ช่วยให้ใช้ sleep() ได้ง

Super Super Keyword ใช้เข้าถึงและเรียก Functions บน Parent Object ของ Object นิพจน์ super.prop และ super[expr] ใช้ได้ใน Method Definition ใดๆ ทั้งใน Classes และ Object Literals ใช้ใน Class Extended ที่ใช้คีย์เวิร์ด extends Syntax super(arguments); ตัวอย่าง ในตัวอย่างนี้ ลักษณะของ Class Person ถูก

Boolean Function ขณะพัฒนา Developer อาจเจอสถานการณ์ Yes/No ณ จุดนั้นใช้ฟังก์ชัน Boolean() ได้ ผลลัพธ์มีแค่ True หรือ False มาดูรายละเอียดกัน Syntax Boolean(exp); รับ Expression ตรวจสอบและแสดง True หรือ False ตามความถูกต้องของ Expression ตัวอย่างที่ 1 ในตัวอย่างนี้ ตรวจสอบค่าต่างๆ ว่าเป็น True หรือ

JavaScript มี Built-in Constructors บางตัว ได้แก่ Object(), String(), Number, เป็นต้น ไม่สามารถรวม Math Object ใน Built-in Constructors ได้ เพราะ Math เป็น Global Object คีย์เวิร์ด new ไม่สามารถใช้กับ Math ได้ ตัวอย่าง ในตัวอย่างนี้ ใช้ Built-in Constructors หลายตัว และแสดง Types ตาม Output <htm

JavaScript มี Property childElementCount คืนค่าจำนวน Elements ที่ Tag มีอยู่ ค่าที่คืนมีแค่ตัวเลข ไม่รวมค่าอื่นๆ เช่นชื่อ Elements Syntax document.getElementById(myDIV).childElementCount; รับแค่ ID ของ Tag และคืนจำนวน Elements ใน Tag ตัวอย่าง ในตัวอย่างนี้ มี 2 Elements ใน Div Tag ใช้ Property chi

เพื่อ แทนที่ (Replace) Child Node ด้วย Node ใหม่ JavaScript มีเมธอด replaceChild() ต้องสร้าง Node ใหม่ ก่อน แล้วใช้ replaceChild() แทนที่ Old Node ด้วย New Node Syntax node.replaceChild(newnode, oldnode); รับ 2 พารามิเตอร์ คือ Old และ New Nodes และแทนที่ Old Node ด้วย New Node ตัวอย่าง ในตัวอย่างน

Element ภายใน Element คือเช่น Span Element ภายใน Div Element JavaScript มีเมธอด .contains() ตรวจสอบว่า Element มี Element อื่นอยู่ภายในหรือไม่ เมธอดนี้คืนค่า True หากเงื่อนไขตรง ไม่งั้น False Syntax node.contains(node); ตัวอย่าง ในตัวอย่างนี้ Span Element อยู่ภายใน Div Element ดังนั้น .contains()

JavaScript มีเมธอด getAttributeNode() หา Attribute Node ที่มีชื่อระบุของ Element เป็น Attribute Object หาก Attribute ไม่มีอยู่ คืนค่า Null หรือ Empty String () Syntax element.getAttributeNode(attributename); คืนค่า Attribute Object แทน Attribute Node ที่ระบุ ตัวอย่าง ในตัวอย่างนี้ มี Heading Tags

JavaScript มีเมธอด insertAdjacentHTML() แทรก Text เป็น HTML ในตำแหน่งที่ระบุ ตำแหน่งที่ถูกต้องมีดังนี้ afterbegin afterend beforebegin beforeend แต่ละตำแหน่งมีความสำคัญเฉพาะตัว มาดูตัวอย่างกัน ตัวอย่าง ในตัวอย่างนี้ ใช้ insertAdjacentHTML() และตำแหน่ง afterend วาง Text ใหม่ติด Header และแสดงผลลัพ

JavaScript มี insertAdjacentElement() แทรก Element ที่มีอยู่แล้วในตำแหน่งที่ระบุ หากมีหลาย Elements ชื่อเดียวกัน ใช้ Indexes เข้าถึงเหมือน Array Elements Syntax node.insertAdjacentHTML(position, element); ตัวอย่างที่ 1 ในตัวอย่างนี้ มี 3 Elements แบบขนาน คือ span1, span2, และ header ใช้ insertAdja

JavaScript มีเมธอด insertBefore() แทรก Node เป็น Child ก่อน Child อื่น ถ้ามี 2 Lists สามารถสลับ Elements ระหว่างกันได้ตามต้องการด้วย insertBefore() Syntax node.insertBefore(newnode, existingnode); ตัวอย่างที่ 1 ในตัวอย่างนี้ มี 2 Lists และสลับ Elements ระหว่างกันตามต้องการด้วย insertBefore() เข้าถ

เพื่อหา Sibling ของ List Element JavaScript มีเมธอด node.nextSibling หากรู้ Member ใดใน List สามารถหา Sibling ได้ มาดูรายละเอียดกัน Syntax node.nextSibling; ตัวอย่าง ในตัวอย่างนี้ มี List Elements 3 ตัว ใช้ nextSibling Property หา Sibling ของ Element แรก และแสดงผลลัพธ์ <html> <body> &l

เพื่อ ลบ (Remove) Child Node ของ List JavaScript มีเมธอด removeChild() ใช้เมธอดนี้ลบ List Item ใดๆ ได้ด้วย Index Position มาดูรายละเอียดกัน Syntax node.removeChild(node); ตัวอย่างที่ 1 ในตัวอย่างนี้ มี 3 Elements ใน List แต่หลังลบ Child เหลือ 2 Elements แสดงใน Output <html> <body> <

เพื่อ ดึง (Retrieve) Element จาก Local Storage ต้องตรวจสอบก่อนว่า Browser รองรับ Local Storage หรือไม่ แล้ว Set Element ใน Local Storage ต้องระวังเพราะปิด Browser แล้วข้อมูลจะไม่ถูกเก็บ แล้วค่อยดึงข้อมูลที่เก็บไว้ มาดูรายละเอียดกัน Syntax สำหรับ Set ข้อมูลใน Local Storage localStorage.setItem(); ต

sessionStorage คุณสมบัติ localStorage และ sessionStorage อนุญาตให้บันทึก Key/Value Pairs ใน Web Browser sessionStorage เก็บข้อมูลเพียง Session เดียว ข้อมูลจะหายเมื่อปิด Browser ทำงานเหมือน Local Storage ต้องตรวจสอบก่อนว่า Browser รองรับ Session Storage หรือไม่ แล้วค่อยสร้างและดึงข้อมูล Syntax สำหรั

JavaScript มีเมธอด isFinite() ตรวจสอบว่า Entity ที่ให้มาเป็นตัวเลขที่ถูกต้องหรือไม่ หากเป็นตัวเลข ไม่ว่าจะเป็น String เช่น 123 เมธอดนี้จะคืนค่า Boolean True มิฉะนั้นคืน False มาดูรายละเอียดกัน Syntax isFinite(value); รับค่าเป็นพารามิเตอร์ คืนค่า Boolean True หากค่าที่ส่งเป็นตัวเลข มิฉะนั้นคืน Boole

ละติจูดและลองจิจูด (Latitude and Longitude) คุณสมบัติ Geolocation คืนค่า Geolocation Object ใช้หาตำแหน่งผู้ใช้ Object คือ navigator.geolocation อาจรบกวนความเป็นส่วนตัว ดังนั้นตำแหน่งไม่พร้อมใช้งานจนกว่าผู้ใช้จะอนุมัติ Syntax navigator.geolocation; เมธอดนี้คืนค่าละติจูดและลองจิจูดของตำแหน่งผู้ใช้โดย

JavaScript มีฟังก์ชัน escape() สำหรับ เข้ารหัส (Encode) String แต่ escape() ถูก Deprecated แล้ว ควรใช้ encodeURI() หรือ encodeURIComponent() แทน Syntax-1 escape(string); Syntax-2 encodeURIComponent(str); ตัวอย่างที่ 1 ในตัวอย่างนี้ ใช้ escape() เข้ารหัส String Tutorix is the best e-learning platfo

เพื่อ เข้ารหัส (Encode) String ต้องใช้ encodeURIComponent() หรือ encodeURI() และเพื่อ ถอดรหัส (Decode) ใช้ decodeURIComponent() หรือ decodeURI() เดิมใช้ escape() เข้ารหัส แต่ Deprecated แล้ว จึงใช้ encodeURI() แทน Syntax-1 encodeURIComponent(string); Syntax-2 decodeURIComponent(string); ตัวอย่าง ใ