Content Type text/javascript ล้าสมัยแล้ว ใช้ในยุคแรกๆ ของ HTMLapplication/x-javascript เป็น Content Type แบบทดลอง (ดังนั้นจึงมี x-) คุณไม่ควรใช้ในแอปพลิเคชันของคุณContent Type ที่ถูกต้องสำหรับเบราว์เซอร์คือ application/javascript ซึ่งช่วยให้เบราว์เซอร์รับเนื้อหาเป็นโค้ด JavaScript ได้ถูกต้อง

ตาม W3C ทั้งสองตัวเป็นสิ่งเดียวกันแต่ควรใช้ window.location แทน document.location เสมอ

Event (เหตุการณ์) คือสัญญาณที่บ่งบอกว่ามีบางสิ่งบางอย่างเกิดขึ้นตัวอย่าง Event ต่างๆ ที่สร้างอยู่ใน DOM ได้แก่click - ปุ่มอุปกรณ์ชี้ (ปุ่มใดก็ได้; เร็วๆ นี้จะเป็นปุ่มหลักอย่างเดียว) ถูกกดและปล่อยบนองค์ประกอบmouseover - อุปกรณ์ชี้ถูกเคลื่อนย้ายเข้าไปบนองค์ประกอบที่มี Listener ผูกอยู่ หรือบนลูกของมันk

ได้ สามารถเปลี่ยนค่าใน Array ขณะใช้ forEach() ใน JavaScript ได้ลองดูตัวอย่างนี้ตัวอย่างlet arr = [1, 2, 3, 4]; arr.forEach((val, index) => arr[index] = val * val); console.log(arr);ผลลัพธ์จะได้ผลลัพธ์ดังนี้[ 1, 4, 9, 16 ]เราได้แก้ไขอาร์เรย์จริงขณะวนลูปด้วย forEach

ความแตกต่างระหว่าง throw new Error และ throw someObject ใน JavaScript คือ throw new Error จะห่อหุ้ม Error ที่ส่งเข้าไปในรูปแบบดังนี้{    name: Error,    message: Whatever you pass in the constructor }ในขณะที่ throw someObject จะโยนออบเจ็กต์นั้นๆ ออกไปโดยไม่เปลี่ยนแปลง และจะไม่ให้

ในเบราว์เซอร์สมัยใหม่ หาก DOM Element ถูกลบ Event Listeners ของมันก็จะถูกลบจากหน่วยความจำใน JavaScript ด้วยโปรดสังเกตว่าสิ่งนี้จะเกิดขึ้นก็ต่อเมื่อ Element นั้นไม่มี Reference อีกแล้ว (Reference-free) กล่าวคือ ไม่มีอะไรอ้างอิงถึงมันและสามารถถูก Garbage Collect ได้ ถึง Event Listeners จะถูกลบจากหน่วย

อาร์เรย์สามารถเปรียบเทียบได้ 2 แบบอ้างอิงถึงออบเจ็กต์อาร์เรย์เดียวกันในหน่วยความจำอาจอ้างอิงถึงออบเจ็กต์ต่างกันแต่เนื้อหาเท่ากันทุกอย่างตัวอย่าง: toBe (ตรวจสอบ Reference)สำหรับกรณีที่ 1 Jasmine มีเมธอด toBe สำหรับตรวจสอบ Reference ตัวอย่างเช่นdescribe(Array Equality, () => {    it(shoul

ฟังก์ชัน parseInt ที่มีใน JavaScript มีลายเซ็นดังนี้ไวยากรณ์parseInt(string, radix);พารามิเตอร์มีดังนี้string - ค่าที่ต้องการแปลง ถ้าไม่ใช่สตริง จะถูกแปลงโดยเมธอด ToString ช่องว่างนำหน้าจะถูกละเว้นradix - จำนวนเต็มระหว่าง 2 ถึง 36 ที่แสดงฐาน (base) ของระบบนับตัวเลขของสตริงดังนั้นเราสามารถส่งสตริงและ

ไม่มีอะไรบล็อกเลย พวกเขาสามารถทำให้ได้ความเร็วเท่า V8 ได้ หากมีการลงทุนในการเพิ่มประสิทธิภาพ Engine ของภาษาเหล่านั้นเท่ากับที่ Google ทำในโปรเจกต์ V8 สำหรับ JavaScriptสิ่งนี้ทั้งหมดเกี่ยวข้องกับการสนับสนุนจากองค์กรที่สนับสนุนภาษาเพื่อพัฒนาและเพิ่มประสิทธิภาพภาษาเหล่านั้นต่อไป

เพื่อดึงเฉพาะบาง properties ของออบเจ็กต์และสร้างออบเจ็กต์ใหม่จาก properties นั้นๆ ให้ใช้ Object Destructuring และ Property Shorthand ตัวอย่างเช่น คุณมีออบเจ็กต์ดังนี้ตัวอย่างconst person = {    name: John,    age: 40,    city: LA,    school: High School }และคุ

เพื่อดึงเฉพาะบาง properties ของออบเจ็กต์และสร้างออบเจ็กต์ใหม่จาก properties นั้นๆ ให้ใช้ Object Destructuring และ Property Shorthand ตัวอย่างเช่น คุณมีออบเจ็กต์ดังนี้ตัวอย่างconst person = {    name: John,    age: 40,    city: LA,    school: High School }และคุ

คุณสามารถใช้ 2 คุณสมบัติคือ clientHeight และ offsetHeight เพื่อดูความสูงของ divclientHeight รวม padding ของ divoffsetHeight รวม padding, scrollbar, และ border ของ divตัวอย่างตัวอย่างเช่น หากคุณมี HTML ดังนี้<div id="myDiv" height="400px"></div>คุณสามารถดูความสูงได้ด้ว

คุณสามารถใช้ 2 คุณสมบัติคือ clientHeight และ offsetHeight เพื่อดูความสูงของ divclientHeight รวม padding ของ divoffsetHeight รวม padding, scrollbar, และ border ของ divตัวอย่างตัวอย่างเช่น หากคุณมี HTML ดังนี้<div id="myDiv" height="400px"></div>คุณสามารถดูความสูงได้ด้ว

JavaScript Frameworks คือไลบรารีโค้ด JavaScript ที่มีโค้ดเขียนไว้ล่วงหน้าสำหรับฟีเจอร์และงานการเขียนโปรแกรมทั่วไป มันเป็นกรอบงาน (framework) ตรงตัวสำหรับสร้างเว็บไซต์หรือเว็บแอปพลิเคชันตัวอย่างเช่น ใน Vanilla JS คุณต้องอัปเดต DOM ด้วย DOM APIs เองสำหรับการตั้งค่าสไตล์ อัปเดตเนื้อหา ฯลฯJS Frameworks

เพื่อแปลงรูปภาพจากแท็ก HTML ให้เป็น Data URI โดยใช้ JavaScript คุณต้องสร้าง canvas element กำหนดความกว้างและความสูงเท่ากับรูปภาพ วาดรูปภาพลงบน canvas และสุดท้ายเรียกเมธอด toDataURL() บน canvas นั้นวิธีนี้จะคืนค่า Data URI ที่เข้ารหัสเป็น Base64 ของรูปภาพ ตัวอย่างเช่น หากคุณมีรูปภาพที่มี id เป็น my-i

Window.location read-only property คืน Location object พร้อมข้อมูล current location ของ documentLocation interface แทน location (URL) ของ object ที่ linked Properties บน location object:Location.href - DOMString ทั้ง URL เปลี่ยนแล้ว navigate ไปหน้าใหม่ ตั้งจาก different origin ได้Location.protocol -

แปลง image จาก HTML tag เป็น data URI ด้วย JavaScript: สร้าง canvas element, กำหนด width/height เท่ากับ image, draw image บน canvas, เรียก toDataURL methodจะได้ base64 encoded data URI ของ image เช่น image id my-imageตัวอย่างfunction getDataUrl(img) {    // Create canvas    const

Console method log() แสดง toString representation ของ object ใดๆ ที่ส่งเข้าไปConsole method dir() แสดง interactive list ของ properties ของ JavaScript object ที่ระบุ Output เป็น hierarchical listing พร้อม disclosure triangles ให้ดู contents ของ child objects ได้

ไม่สามารถ break จาก forEach method ได้ และไม่มีทาง escape loop (นอกจากการ throw exception)ใช้ฟังก์ชันอื่นเช่น _.find จาก lodash แทน_.find - break ออกจาก loop เมื่อเจอ element ตัวอย่าง:ตัวอย่าง_.find([1, 2, 3, 4], (element) => {    // Check your condition here    if (element ==

JS มี 2 notations สร้าง object properties: dot notation และ bracket notationสร้าง object property จาก variable ต้องใช้ bracket notationตัวอย่างconst obj = {a: foo} const prop = bar // Set the property bar using the variable name prop obj[prop] = baz console.log(obj);ผลลัพธ์{    a: foo, &nb