ความแตกต่างคือ Object.seal() อนุญาตให้เปลี่ยนค่า existing properties ได้ แต่ Object.freeze() ไม่อนุญาตให้เปลี่ยนแปลงอะไรเลย Object.freeze() ทำให้ object immune ต่อการเปลี่ยนแปลงใดๆ Object.seal() Object.seal() ป้องกันการลบ existing property แต่ ไม่ป้องกัน การเปลี่ยนค่า existing properties ตัวอย่าง

Proxy() ฟีเจอร์ใหม่ของ ECMAScript 6 คือ Proxy() object ใช้กำหนดพฤติกรรมแบบกำหนดเองสำหรับ fundamental operations (property lookup, assignment, enumeration, function invocation ฯลฯ) Proxy() มี 3 องค์ประกอบหลัก: handler - placeholder object ที่มี traps traps - ให้ property access target - object ที่

Pure Function Pure function คือ deterministic function ส่ง input เดียวกันทุกครั้ง จะได้ output เดียวกันเสมอ ในทางคณิตศาสตร์คือ well-defined function Pure function มีคุณสมบัติ: ขึ้นอยู่กับ arguments ของตัวเอง เท่านั้น ไม่พยายามเปลี่ยนตัวแปรนอก scope ไม่ทำ side effects ใดๆ ตัวอย่างที่ ไม่ใช่ pure

Object.isSealed() ใช้ตรวจสอบว่าออบเจ็กต์ถูก seal หรือไม่ คืนค่า boolean ออบเจ็กต์ถูก seal เมื่อ: ไม่ใช่ extensible (ไม่สามารถเพิ่ม property ใหม่ได้) properties เป็น non-configurable (ไม่สามารถลบหรือเปลี่ยน attribute ได้) รูปแบบ Object.isSealed(obj) รับพารามิเตอร์ออบเจ็กต์ คืนค่า boolean ตัวอย่า

การลบ HTML Tags จากสตริง ลบ HTML/XML tags ในสตริงได้ด้วย Regular Expressions ใน JavaScript HTML elements เช่น span, div อยู่ระหว่างวงเล็บเชิงมุม เช่น <div>, <span> แทนที่เนื้อหาในวงเล็บรวมวงเล็บด้วย (ว่าง) จะทำได้ง่าย รูปแบบ str.replace( /(<([^>]+)>)/ig, ); ตัวอย่างที่ 1 <

การหลีกเลี่ยง Namespace Pollution JavaScript ไม่รองรับ function overloading เมื่อมีฟังก์ชันชื่อซ้ำ ตัวหลังจะ override ตัวก่อน ขึ้นกับลำดับโหลด หมายความว่า JS ขาด namespaces แต่เราสามารถใช้ objects สร้าง namespaces ป้องกัน name collision var Tutorix = Tutorix || {}; โค้ดบรรทัดนี้หมายถึง: ถ้า Tutorix

ความแตกต่างระหว่าง for...in และ for...of ทั้งสอง loop วนลูปผ่านสิ่งต่างกัน ความแตกต่างหลักคือสิ่งที่พวกมันวนลูป 1) for...in loop วนลูปผ่าน enumerable properties ของออบเจ็กต์ในลำดับ arbitrary สนใจแค่ properties ไม่สนใจ values ตัวอย่าง: ใช้ for...in วน properties ของอาร์เรย์ เนื่องเป็นอาร์เรย์ Index

ใช้ Regular Expressions นับจำนวนคำในสตริงได้ง่าย มีขั้นตอนดังนี้ ขั้นตอน ประโยคประกอบด้วยคำคั่นด้วยช่องว่าง บางครั้งมีหลายช่องว่าง ต้องคำนึงถึงทั้งหมด ขั้นตอนที่ 1 - ลบช่องว่างหน้า/หลัง str.replace(/(^\s*)|(\s*$)/gi, ); ขั้นตอนที่ 2 - ลดช่องว่างหลายช่องเป็นช่องเดียว str.replace(/[ ]{2,}/gi, );

JavaScript สามารถเปลี่ยน CSS styles เช่น สี, ขนาดฟอนต์ ของ elements ด้วยเมธอดอย่าง getElementById(), getElementsByClassName() เป็นต้น ตัวอย่างเปลี่ยน font style และ font size ด้วย getElementById() ตัวอย่างที่ 1 - เปลี่ยน Font Size และ Font Style ใช้ style.fontSize และ style.fontStyle เปลี่ยนขนาดเป

ใน JavaScript บวกตัวเลขกับตัวเลขได้แต่ถ้าบวกตัวเลขกับสตริง จะเกิด Concatenation (ต่อสตริง) แทน ตัวอย่าง: ตัวแปร a,b,c,d - a: 5+5=10 (number) b: 5+5=55 (string) c และ d มีสตริงเกี่ยวข้อง จึงคืนค่า string ตัวอย่าง <html> <body> <script type=text/javascript> var a = 5 + 5;

การเข้าถึงฟังก์ชันเป็นเมธอด JavaScript object ประกอบด้วย properties เพื่อเข้าถึง property เป็นเมธอด ให้กำหนดฟังก์ชันให้ property นั้นและรวม property อื่นๆ ไปในฟังก์ชันนั้น ตัวอย่าง: สร้างออบเจ็กต์ employee มี properties: fullName, lastName, firstName, id กำหนดฟังก์ชันที่ property fullName รวม first

การซ่อนที่อยู่อีเมล ขั้นตอนการซ่อนอีเมลจากผู้ไม่ได้รับอนุญาต: ทุกอีเมลมีสัญลักษณ์ @ ใช้ split() แยกออก เช่น batman@gmail.com → [batman, gmail.com] แบ่งผลลัพธ์เป็น 2 ส่วน (split1 และ split2) ใช้ substring() ตัดส่วนของ split1 แล้วรวมกับ split2 ด้วย ...@ คืนค่าส่วนที่รวมแล้ว ผลลัพธ์: bat...@gmail.com

weakSet.has() ฟังก์ชัน built-in ใน JavaScript ใช้คืนค่า boolean ตรวจสอบว่าออบเจ็กต์มีอยู่ใน WeakSet หรือไม่ WeakSet เก็บ object แบบ weak reference รูปแบบ weakSet.has(obj); อาร์กิวเมนต์ รับพารามิเตอร์ obj ตรวจสอบว่าอยู่ใน WeakSet ที่ให้มาหรือไม่ ค่าที่คืน คืนค่า boolean: true ถ้ามีอยู่, false ถ้าไ

Atomics Atomics เป็นออบเจ็กต์ใน JavaScript ที่ให้ atomic operations เป็น static methods คล้ายกับเมธอดของ Math ใช้ร่วมกับ SharedArrayBuffer Atomics ไม่ใช่ constructor ไม่สามารถใช้กับ new operator หรือเรียกเป็นฟังก์ชันได้ Atomic Operations Atomic operations เป็น operations ที่ ไม่ถูกขัดจังหวะ (unint

Pass by Value ใน Pass by Value ฟังก์ชันถูกเรียกโดยส่งค่าของตัวแปรโดยตรง การเปลี่ยนค่า argument ภายในฟังก์ชันไม่ส่งผลต่อตัวแปรภายนอก JavaScript เป็น Pass by Value เสมอสำหรับ Primitive types (String, Number) การเปลี่ยนค่าตัวแปรไม่เปลี่ยนค่า Primitive ดั้งเดิม ตัวอย่าง: ตัวแปร a = 1 แต่ในฟังก์ชัน chan

มีหลายวิธีล้างค่าอาร์เรย์ใน JavaScript สมมติมีอาร์เรย์: var array1 = [1,2,3,4,5,6,7]; วิธีที่ 1 var array1 = []; ตั้งค่า array1 เป็นอาร์เรย์ว่างใหม่ แนะนำเมื่อไม่มี reference อื่นไปยัง array1 เดิม หากมี reference อื่น อาร์เรย์เดิมจะไม่เปลี่ยน ตัวอย่าง <html> <body> <script>

มีหลายวิธีตรวจสอบ key ใน JavaScript object สมมติมีออบเจ็กต์ employee ดังนี้: var employee = { name: Ranjan, age: 25 } ต้องการตรวจสอบว่า property name มีอยู่หรือไม่ 1) ตัวดำเนินการ in ใช้ in ตรวจสอบ property ของออบเจ็กต์ รวมถึง inherited property ด้วย ในตัวอย่าง ตรวจสอบ toString - in จ

ใน JavaScript ตรวจสอบตัวแปรว่าเป็นอาร์เรย์ได้ 3 วิธี 1) เมธอด isArray() Array.isArray() ตรวจสอบตัวแปรที่ส่งเข้ามา คืนค่า true ถ้าเป็นอาร์เรย์ มิฉะนั้น false รูปแบบ Array.isArray(variableName) ตัวอย่าง <html> <body> <script type=text/javascript> arr = [1,2,3,4,5]; str =

การนับจำนวนสระในสตริง สระในภาษาอังกฤษคือ a, e, i, o, u ซึ่งอาจเป็นตัวพิมพ์เล็กหรือใหญ่ก็ได้ รายละเอียด ตัวอย่างใช้ฟังก์ชัน noOfVowels() อ่านสตริงนำเข้าและเปรียบเทียบกับสตริงสระ aAeEiIoOuU ใช้ indexOf() ตรวจสอบแต่ละตัวอักษร หากตรงกับสระ จะเพิ่มตัวนับ vowelsCount และคืนค่าผลลัพธ์ ตัวอย่าง <html&g

Debouncing Debouncing คือเทคนิคลดการคำนวณที่ไม่จำเป็นเพื่อเพิ่มประสิทธิภาพเบราว์เซอร์ มีสถานการณ์ที่ฟังก์ชันบางอย่างใช้เวลานานในการทำงาน ตัวอย่างเช่น Search Bar ในเว็บไซต์อีคอมเมิร์ซ รายละเอียด สมมติผู้ใช้ต้องการค้นหา Tutorix study kit เขาพิมพ์ทุกตัวอักษรในช่องค้นหา หลังพิมพ์แต่ละตัวจะมี API เรียก