ใน JavaScript Event Flow process ประกอบด้วย 3 แนวคิดEvent Target - DOM object จริงที่ event เกิดขึ้นEvent Bubbling - อธิบายด้านล่างEvent Capturing - อธิบายด้านล่างEvent bubbling คือลำดับที่ event handlers ถูกเรียกเมื่อ element หนึ่ง nested ใน element อีกตัว และทั้งคู่มี listener สำหรับ event เดียวกั

Window property screen คืน reference ไปยัง screen object ที่เชื่อมโยงกับ windowScreen object implement Screen interface เป็น special object สำหรับตรวจสอบ properties ของหน้าจอที่กำลัง render window ปัจจุบัน มี properties มากมายใช้กำหนดและดู properties ของหน้าจอไคลเอนต์ เช่นScreen.availTop - y-coordin

ไม่ว่าจะภาษาไหน memory life cycle เหมือนกันจัดสรรหน่วยความจำที่ต้องการใช้หน่วยความจำที่จัดสรร (อ่าน, เขียน)ปล่อยหน่วยความจำเมื่อไม่จำเป็นแล้วส่วนที่สอง explicit ในทุกภาษา ส่วนที่หนึ่งและสาม explicit ใน low-level languages เช่น C แต่ implicit ใน high-level languages เช่น JavaScriptดังนั้น ไม่มี expli

ไม่ว่าจะภาษาไหน memory life cycle เหมือนกันจัดสรรหน่วยความจำที่ต้องการใช้หน่วยความจำที่จัดสรร (อ่าน, เขียน)ปล่อยหน่วยความจำเมื่อไม่จำเป็นแล้วส่วนที่สอง explicit ในทุกภาษา ส่วนที่หนึ่งและสาม explicit ใน low-level languages เช่น C แต่ implicit ใน high-level languages เช่น JavaScriptดังนั้น ไม่มี expli

Class Number มีเมธอด toString รับ base เป็น argument ส่ง base 16 (hex) เพื่อแปลงเป็น hexadecimal stringตัวอย่างconsole.log(Number(255).toString(16)) console.log(Number(17).toString(16))ผลลัพธ์ff 11แปลงกลับเป็นทศนิยมได้ด้วย parseInt ลายเซ็น:parseInt(string, radix); พารามิเตอร์string - ค่าที่ parse ไม

การเปิด URL ในแท็บใหม่ขึ้นอยู่กับเบราว์เซอร์และ preferences ของผู้ใช้ ไม่มีโค๊ดบังคับเปิดในแท็บใหม่ได้อย่างเคร่งครัดแต่ถ้าอยากให้ผู้ใช้เปิดในแท็บหรือหน้าต่างใหม่ (ตาม preferences) ให้เพิ่ม attribute นี้ใน anchor tagtarget=_blankจะสั่งเบราว์เซอร์ให้ทิ้งหน้าปัจจุบันและเปิดลิงก์ในแท็บ/หน้าต่างใหม่

ใช้ for..in loops กับ array iteration เป็น bad idea เพราะพฤติกรรมนี้Normal iteration loopsตัวอย่างlet arr = [] arr[4] = 5 for (let i = 0; i < arr.length; i ++) {    console.log(arr[i]) }ผลลัพธ์undefined undefined undefined undefined 5ถ้า iterate ด้วย for..inตัวอย่างlet arr = [] arr[4] =

ไม่มี standard function เช็ค null, undefined หรือ blank values ใน JavaScript แต่มี concept ของ truthy และ falsy valuesค่าที่แปลงเป็น true ใน conditional statements เรียกว่า truthy values ที่แปลงเป็น false เรียกว่า falsyตาม ES spec ค่าต่อไปจะ evaluate เป็น false ใน conditional contextnullundefinedNaN

Camel case คือการเขียนคำให้แต่ละคำขึ้นต้นด้วยตัวใหญ่ ไม่มี space หรือ punctuation เช่น Concurrent hash maps → ConcurrentHashMapsวิธี implement ฟังก์ชันแปลงสตริงเป็น camel caseตัวอย่างfunction camelize(str) {    // Split the string at all space characters    return str.split( ) &n

สามารถสร้าง GUID หรือ UUID ใน JavaScript ได้ดังนี้Math.Random() functionใช้โค้ดนี้กับ Math.Random()function createUUID() {    return xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx.replace(/[xy]/g, function(c) {       var r = Math.random() * 16 | 0, v = c == x ? r : (r & 0x3 | 0x8)

วิธีง่ายที่สุดหาจำนวนครั้งที่ตัวอักษรซ้ำในสตริงคือ iterate ทั้งสตริงหา occurrences ทั้งหมดตัวอย่างlet s = hello world!; let searchChar = l; let count = 0; for(let i = 0; i < s.length; i ++) {    if(s[i] == searchChar) {       count ++;    } } console.log(count)ผ

เมธอด split([separator, [limit]]) แยก String object เป็น array ของ strings โดยแยกสตริงเป็น substrings ใช้ separator string ที่ระบุกำหนดจุดแยกตัวอย่างการใช้ splitlet a = hello,hi,bonjour,namaste; let greetings = a.split(,); console.log(greetings)ผลลัพธ์[ hello, hi, bonjour, namaste ]สังเกตว่า commas

String object ให้ทำงานกับชุดตัวอักษร wrap string primitive ด้วย helper methods มากมาย JavaScript แปลงระหว่าง string primitives และ String objects อัตโนมัติ จึงเรียก helper methods ได้บน string primitiveเมธอดสำคัญของ String ใน JavaScript:concat() - รวมสตริงสองตัว คืนสตริงใหม่indexOf() - คืน index ของ

JavaScript มีค่า ว่าง 2 ค่า คือ null และ undefined ทั้งคู่แตกต่างกันมากและควรใช้ให้ถูกต้องundefinedตัวแปรที่ไม่ได้ assign ค่า จะมี type เป็น undefined เมธอดหรือ statement คืน undefined ถ้าตัวแปรที่ evaluate ไม่มีค่า assign ฟังก์ชันคืน undefined ถ้าไม่ return ค่าตัวอย่างlet a; console.log(a); functio

มีหลายวิธีคืนค่าจาก asynchronous call ใน JavaScript มาเข้าใจปัญหาก่อน สมมติมีฟังก์ชัน foo ที่ async และให้ข้อมูลหลังจากผ่านไปสักพัก สามารถทำได้ 2 แบบ: รับ callback ที่จะเรียกเมื่อพร้อมพร้อมข้อมูล หรือคืน Promiseเช่น setTimeout รับ callback และ execute หลังเวลาที่กำหนดตัวอย่างfunction myFunc(cb) { &n

เมื่อ promise settled (fulfilled หรือ rejected) callback ใน finally จะถูกเรียก finally() ก็คืน Promise ด้วยให้โค้ดรันได้ทั้งสำเร็จและล้มเหลวเมื่อ Promise จัดการเสร็จแล้วตัวอย่างnew Promise(    (resolve) => setTimeout(resolve(success), 1000) ).then(val => console.log(val)).finally(()

แทรกท้าย array ใช้ push แทรกหน้า array ใช้ unshift แทรกตำแหน่งอื่นใช้ splicePushตัวอย่างlet arr = [test, 1, 2, hello, 23.5]; arr.push(123); console.log(arr);ผลลัพธ์[ test, 1, 2, hello, 23.5, 123 ]Unshiftตัวอย่างlet arr = [test, 1, 2, hello, 23.5]; arr.unshift(123); console.log(arr);ผลลัพธ์[ 123, tes

มีวิธีต่างๆ เช็ค existence ของ object/key ใน array และ object มาดู object ก่อนเช็ค key ใน object ใช้ in operatorตัวอย่างlet obj = {    name: John,    age: 22 } console.log(name in obj); console.log(address in obj);ผลลัพธ์true falseหมายเหตุ - in operator คืน true ถ้า property อยู่

JSON ย่อมาจาก JavaScript Object Notation นี่เป็นเหตุผลที่ pretty-printing ถูก implement ไว้ใน JSON.stringify() แล้ว argument ที่ 3 ใช้สำหรับ pretty print และตั้งค่า spacingตัวอย่าง let a = {    name: A,    age: 35,    address: {       street: 32, Baker St

ทั้ง TypeScript และ JavaScript เป็นภาษาโปรแกรมมิ่งที่ใช้ฝั่งไคลเอนต์ TypeScript รองรับฟีเจอร์เพิ่มเติมจึงเป็น superset ของ JavaScriptความแตกต่างสำคัญ:ลำดับคีย์TypeScriptJavaScript1ประเภทStrongly typed, object-oriented, compiled language พัฒนาโดย MicrosoftLightweight, interpreted language โดย Netscap