ใช้ Getter ใน JavaScript สามารถเข้าถึง Property เป็น Property แบบอื่นได้ ใช้คีย์เวิร์ด get มาดูรายละเอียดกัน ตัวอย่าง ในตัวอย่างนี้ Property details ถูกใช้เป็น Function คือ details() จึงไม่ได้ผลลัพธ์ แต่หากเอาวงเล็บออก คีย์เวิร์ด get จะทำให้ Property details ถูกจัดว่าเป็น Property ไม่ใช่ Function &

การเพิ่มเมธอดให้ Object การเพิ่มเมธอดให้ JavaScript Object ง่ายกว่า Object Constructor ต้อง Assign เมธอดให้ Property ที่มีอยู่เพื่อให้ทำงานสมบูรณ์ ตัวอย่าง ในตัวอย่างนี้ สร้าง Object Type ก่อน แล้วสร้าง Properties ของ Object เมื่อสร้าง Properties เสร็จ กำหนดเมธอดให้แต่ละ Object และเข้าถึง Propertie

การเพิ่ม Property ให้ Object Constructor แตกต่างจาก Normal Object หากต้องการเพิ่ม Property ต้องเพิ่มใน Constructor เอง ไม่ใช่ภายนอก Constructor ในขณะที่ Normal Object เพิ่มที่ไหนก็ได้ ตัวอย่างที่ 1 ในตัวอย่างนี้ เพิ่ม Property แบบ Normal Object แต่เนื่องจากใช้ Object Constructor ต้องเพิ่มภายใน Cons

การเพิ่มเมธอดให้ Object Constructor แตกต่างจากการเพิ่มเมธอดให้ Normal Object ไม่สามารถเพิ่มเมธอดแบบปกติได้ ต้องเพิ่มเมธอด ภายใน Object Constructor เอง ตัวอย่าง ในตัวอย่างนี้ เมธอด ถูกเพิ่มภายใน Constructor จึงได้ค่าที่ถูกต้อง <html> <body> <script>    function Business(n

JavaScript Object Destructuring การเข้าถึง Object ในโครงสร้างที่แตกต่างจากปกติ เรียกว่า Object Destructuring จริงๆ แล้วเรามีรูปแบบที่กำหนดสำหรับแสดง Object Property แต่เราสามารถทำในรูปแบบที่ไม่ได้กำหนด เรียกว่า Object Destructuring มาดูรายละเอียดกัน ตัวอย่างที่ 1 ในตัวอย่างนี้ กำหนด Object person แ

Class Class เป็นประเภทหนึ่งของ Function แต่แทนที่จะใช้คีย์เวิร์ด function ใช้คีย์เวิร์ด class แทน และกำหนด Properties ภายในเมธอด constructor() เมธอด constructor() จะถูกเรียกทุกครั้งที่ Class Object ถูก Initialize ตัวอย่างที่ 1 ในตัวอย่างนี้ สร้าง Class ชื่อ company และใน constructor() กำหนดชื่อบริษ

เมธอด constructor() เป็นเมธอดพิเศษ ใช้ Initialize Properties เรียกอัตโนมัติเมื่อ Class ถูก Initialize หากไม่มี constructor() JavaScript จะเพิ่ม Constructor ว่างๆ ไม่มองเห็น เรายังสร้างเมธอดของตัวเองได้ โดย Syntax เหมือนเดิม ตัวอย่าง ในตัวอย่างนี้ แทนที่จะใช้ constructor() เริ่มต้น Properties ถูก In

Static Methods ใช้ Static Methods เข้าถึงเฉพาะ Elements ใน Class เท่านั้น ไม่ใช่ Elements ใน Object สามารถเรียก Static Method ได้เฉพาะภายใน Class ไม่ใช่ใน Object ตัวอย่างที่ 1 ในตัวอย่างนี้ เริ่มต้น static() Method ใน Class Company ไม่ใช่ใน Object myComp ดังนั้น เนื้อหาใน static() ถูก Execute และแส

ผลลัพธ์จะไร้ความหมายหากพยายามใช้ Object ภายใน Static Method แต่หากส่ง Object เป็น Parameter จะเข้าถึงได้ มาดูรายละเอียดกัน ตัวอย่างที่ 1 ในตัวอย่างนี้ พยายามใช้ Object myComp โดยตรง แทนที่จะส่งเป็น Parameter จึงไม่ได้ผลลัพธ์ หากเปิด Browser Console จะเห็น Error ว่า myComp.comp() is not a function ต

extends คีย์เวิร์ด extends ใช้สร้าง Class Inheritance Class ที่สร้างด้วย Inheritance จะสืบทอดทุกเมธอดจาก Class อื่น มาดูรายละเอียดกัน ตัวอย่าง ในตัวอย่างนี้ ใช้ extends เพื่อ สืบทอด Properties จาก Class Company ไปยัง Class Model เมธอด super() อ้างถึง Parent Class การเรียก super() ใน Constructor คือ

Classes อนุญาตให้ใช้ Getters และ Setters การใช้ Getters และ Setters สำหรับ Properties เป็นเรื่องฉลาด โดยเฉพาะหากต้องการทำอย่างพิเศษกับค่าก่อน Return หรือก่อน Set ใช้คีย์เวิร์ด get และ set ใน Class ตัวอย่าง <html> <body> <p id="method"></p> <script>   &nb

setTimeout() เป็นหนึ่งใน Timing Events Window Object อนุญาตให้รันโค้ดที่ช่วงเวลาที่ระบุ Object นี้มี setTimeout() สำหรับรันฟังก์ชันหลังจากเวลาที่กำหนด รับ 2 พารามิเตอร์ คือ ฟังก์ชัน และ เวลา (มิลลิวินาที) ที่ระบุช่วงเวลาก่อนรันฟังก์ชัน Syntax window.setTimeout(function, milliseconds); ตัวอย่างที่

setInterval() เป็นหนึ่งใน Timing Events หลายอย่าง Window Object อนุญาตให้ โค้ด ทำงานทุก ช่วงเวลาที่กำหนด Object นี้มี setInterval() สำหรับทำซ้ำฟังก์ชันทุกช่วงเวลาที่กำหนด รับพารามิเตอร์ 2 ตัว คือ ฟังก์ชัน และเวลา (มิลลิวินาที) ที่ระบุช่วงเวลาที่ฟังก์ชันควร ทำซ้ำ Syntax window.setInterval(function,

วันในสัปดาห์ (Weekday) ทุกวันในสัปดาห์ ตั้งแต่ จันทร์ถึงอาทิตย์ มีตัวเลขเริ่มจาก 1 ถึง 7 ตามลำดับ JavaScript Date Object มีเมธอด getDay() สำหรับดึงวันของสัปดาห์ มาดูรายละเอียดกัน Syntax var d = getDay(); ไม่รับพารามิเตอร์ แค่ให้คืนค่าวันของสัปดาห์ หากเป็นวันจันทร์จะได้ 1 วันอังคารได้ 2 เป็นต้น ตัว

มี 5 วิธี ในการแปลง ค่า (Value) เป็น String คือ การต่อ String ว่าง (Concatenating empty strings) Template Strings JSON.stringify toString() String() ตัวอย่าง ในตัวอย่างนี้ ใช้วิธีทั้ง 5 ที่กล่าวมา แปลงค่าเป็น String และแสดงผลลัพธ์ <html> <body> <script>    const value

Symbol.isConcatSpreadable Well-known Symbol นี้ใช้กำหนดค่าว่าวัตถุควรถูก Flatten เป็น Array Elements เมื่อใช้เมธอด Array.prototype.concat() หากเป็น false จะไม่มีการ Flatten Array เกิดขึ้น โดยค่าเริ่มต้น Symbol.isConcatSpreadable เป็น true ดังนั้นจนกว่าจะระบุชัดเจน การ Flatten ของ Array จะไม่สามารถหล

date.toJSON() date.toJSON() เป็นฟังก์ชัน Built-in ใน JavaScript ใช้แปลงเนื้อหาของ Date Object ให้เป็น String Date Object สร้างด้วย Date() Constructor Syntax dateObj.toJSON(); เมธอดนี้ไม่รับพารามิเตอร์ ใช้ร่วมกับ Date Object ที่สร้างขึ้น และคืนค่า String ของเนื้อหา Date() Constructor ตัวอย่างที่ 1

ใช้ Math Object ใน JavaScript สามารถทำการคำนวณได้ทุกประเภท Math.cbrt() เป็นเมธอดเฉพาะสำหรับหาค่ารากที่สามของตัวเลข รับพารามิเตอร์เป็นตัวเลขและคืนค่ารากที่สาม Syntax Math.cbrt(64); รับตัวเลขเป็นพารามิเตอร์และคืนค่ารากที่สาม ตัวอย่างที่ 1 ในตัวอย่างนี้ หาค่ารากที่สามของ ค่าบวก และแสดงผลลัพธ์ <htm

Math.imul() แตกต่างจากฟังก์ชันคูณทั่วไป Math.imul() จะคืนค่าผลคูณแบบ C-like 32-bit ของพารามิเตอร์สองตัว การประยุกต์ใช้มีความสูงในโปรเจกต์อย่าง Emscripten Syntax var product = Math.imul(a, b); เมธอดนี้รับตัวเลขสองตัวและคืนค่าผลคูณ ตัวอย่างที่ 1 ในตัวอย่างนี้ ให้ จำนวนเต็มทั่วไปสองตัว เป็นพารามิเตอร

ฟังก์ชัน Math.asinh() และ Math.acosh() ใช้หา Hyperbolic Arc-sine และ Hyperbolic Arc-cosine ของตัวเลขตามลำดับ ฟังก์ชันเหล่านี้เป็น Static Methods ของ Math จึงใช้เป็น Math.asinh() และ Math.acosh() เสมอ ไม่ใช่เมธอดของ Math Object ที่สร้างขึ้น Math.asinh() เมธอดนี้ใช้หา Hyperbolic Arc-sine ของตัวเลข รั