โอเปอเรเตอร์คอมมา (,) ใน JavaScript ใช้ประเมินค่า operand แต่ละตัวตามลำดับจากซ้ายไปขวา และส่งคืนค่าของ operand ตัวสุดท้ายเท่านั้น โอเปอเรเตอร์นี้ช่วยให้สามารถเขียนนิพจน์หลายตัวในบรรทัดเดียวได้ ไวยากรณ์ (Syntax) รูปแบบการใช้งานคือ: expression1, expression2, ..., expressionN ตัวอย่างการใช้งาน 1. ใ

Anonymous Function และการเรียกใช้ผ่านตัวแปร ใน JavaScript Function เป็น First-class Citizen สามารถกำหนดให้กับตัวแปร ส่งเป็น Argument และคืนค่าจาก Function อื่นได้ Anonymous Function (ฟังก์ชันไร้ชื่อ) Function ที่ประกาศโดยไม่มีชื่อ (Identifier) มักใช้เป็น: Callback Function IIFE (Immediately Invoke

Validate URL ใน JavaScript ด้วย Regular Expression ใช้ RegExp (Regular Expression) เพื่อตรวจสอบรูปแบบ URL ให้ถูกต้องตามมาตรฐาน (RFC 3986) คืนค่า true หากถูกต้อง, false หากไม่ถูกต้อง Regex Pattern สำหรับ URL Validation (Comprehensive) const urlPattern = new RegExp( ^(https?:\\/\\/)? +

โหลดหน้าเว็บใหม่หลังหน่วงเวลา ด้วย setTimeout() ใช้ setTimeout() ร่วมกับ window.open() เพื่อเปิดหน้าเว็บใหม่ (New Tab/Window) หลังจากจำนวน Milliseconds ที่กำหนด รูปแบบไวยากรณ์ (Syntax) setTimeout(function() { window.open(url, _blank); // _blank = แท็บใหม่ }, milliseconds); ตัวอย่างโค้ด: เปิด q

== (Loose Equality / Abstract Equality) vs === (Strict Equality) JavaScript มีตัวเปรียบเทียบความเท่ากัน 2 แบบ ที่ทำงานต่างกันอย่างสิ้นเชิง == (Double Equals) - Loose Equality ทำ Type Coercion (การแปลงชนิดข้อมูลอัตโนมัติ) ก่อนเปรียบเทียบ แปลง Operand ให้เป็นชนิดเดียวกัน แล้วค่อยเปรียบเทียบค่า ซับซ้

) ใน JavaScript ตัวดำเนินการ ) เลื่อนบิต (Bitwise Shift) ไปทางขวา และ เติม 0 ด้านซ้าย (MSB) เสมอ ไม่สนใจเครื่องหมาย (Sign Bit) ทำให้ผลลัพธ์เป็น Unsigned 32-bit Integer เสมอ (Unsigned) Operatorชื่อการเติมบิตด้านซ้ายผลลัพธ์ Signed Right Shiftคัดลอก Sign Bit (Preserve Sign)Signed 32-bit Integer (อาจ

Redirect ด้วย JavaScript (setTimeout) ใช้ setTimeout() ร่วมกับ window.location.href เพื่อเปลี่ยนหน้าหลังจากเวลาที่กำหนด (Milliseconds) รูปแบบไวยากรณ์ (Syntax) setTimeout(function() { window.location.href = target_url; }, milliseconds); ตัวอย่างโค้ด: Redirect ไป tutorialspoint.com/javascript หลั

Redirect ด้วย Meta Tag (No JavaScript) ใช้ <meta> Tag พร้อม Attribute http-equiv=refresh เพื่อส่ง Header สั่ง Browser Redirect หลังจากเวลาที่กำหนด รูปแบบไวยากรณ์ (Syntax) <meta http-equiv=refresh content=seconds; url=target_url> seconds: จำนวนวินาทีก่อน Redirect (0 = ทันที) url: URL ป

typeof Operator ใน JavaScript คืออะไร? typeof เป็น Unary Operator (ตัวดำเนินการตัวเดียว) วางก่อน Operand เพื่อคืนค่า String ที่บ่งชี้ชนิดข้อมูล (Data Type) ของ Operand นั้น ตารางค่าที่ typeof คืนค่า ชนิดข้อมูล (Type)ค่าที่ typeof คืน (String) Numbernumber Stringstring Booleanboolean Object (รวม Ar

Modulus Operator (%) ใน JavaScript ตัวดำเนินการ modulus (%) ใช้สำหรับหา เศษ (Remainder) จากการหารจำนวนเต็ม (Integer Division) ของ Operand สองตัว รูปแบบไวยากรณ์ (Syntax) result = dividend % divisor; ตัวอย่างโค้ด <html> <body> <script> var a = 33; var b = 10;

Multiplication Operator (*) ใน JavaScript ตัวดำเนินการคูณ (*) ใช้สำหรับ คูณค่าของ Operand สองตัว เข้าด้วยกัน ผลลัพธ์จะเป็นตัวเลข (Number) รูปแบบไวยากรณ์ (Syntax) result = operand1 * operand2; ตัวอย่างโค้ด <html> <body> <script> var a = 33; var b = 10; docu

ใช้ URL API (Modern) หรือ location object เพื่อดึง hostname จาก URL ได้อย่างง่ายและน่าเชื่อถือ ตัวอย่างจากบทความ <!DOCTYPE html> <html> <body> <script> var url = new URL(https://example.com/asdf/asdf/sadf.aspx?blah); document.write(url.hostname); // example

Conditional Operator (Ternary Operator) เป็นออเปอเรเตอร์ตัวเดียวใน JS ที่รับ 3 Operand ใช้ตัดสินใจเลือกค่าระหว่าง 2 ทางเลือก ตัวอย่างจากบทความ b) ? 100 : 200; document.write(result); // 200 document.write(linebreak); document.write(((a < b) ? 100 : 200) => ); result =

Self-Executing Function หรือ IIFE (Immediately Invoked Function Expression) คือฟังก์ชันที่ถูกสร้างและเรียกใช้ทันที วัตถุประสงค์หลักคือ สร้าง Scope แยก (Isolation) ป้องกันตัวแปรรั่วไหลสู่ Global Scope ตัวอย่างจากบทความ <html> <body> <script> (function() { var pr

|| (Logical OR) ใน Variable Declaration ใช้สำหรับ Default Value Pattern (ก่อน ES2020 Nullish Coalescing) ตัวอย่างจากบทความ <html> <body> <script> var a = true; var b = false; document.write((a || b) => ); result = (a || b); document.write(res

Nullish Coalescing Operator (??) เป็น ES2020 feature คืนค่า Right-hand side ก็ต่อเมื่อ Left-hand side เป็น null หรือ undefined เท่านั้น (ไม่รวม falsy อื่นๆ เช่น 0, , false) ตัวอย่างจากบทความ (Logical OR - ไม่ใช่ Nullish Coalescing) <html> <body> <script> var a = true;

Delete Operator ใช้ลบ Property ออกจาก Object ไม่ใช่ลบตัวแปรหรือ Array Element ตัวอย่างจากบทความ (มี Bug) <!DOCTYPE html> <html> <body> <p id="demo"></p> <script> var cricketer = { name: Amit, rank: 1, points: 400

ใช้ Math.abs() เพื่อหาค่าสัมบูรณ์ (Absolute Value) ของผลลัพธ์การลบ ทำให้ได้ความต่างที่เป็นบวกเสมอ ไม่ว่าจะลบตัวไหนก่อน ตัวอย่างจากบทความ <html> <head> <script> var num1, num2; num1 = 50; num2 = 35; var difference = function (num1, num2) { retu

ใน JavaScript Single Quote () และ Double Quote () ทำงานเหมือนกันทุกประการ สำหรับ String Literal เลือกอย่างใดอย่างหนึ่งและใช้สม่ำเสมอ (Consistency) ตัวอย่างจากบทความ Let us say: \Lifes good!\ Let us say: Life\s good! Let us say: \Life\s good!\ Let us say: \Life\s good! // ES6 Template Literals (Bac

ทั้งคู่ใช้ถอดรหัส URL แต่ ขอบเขตการถอดรหัสต่างกัน decodeURI() ถอดรหัส URL ทั้งหมด ไม่ถอดรหัส Reserved Characters (; , / ? : @ & = + $ #) เพราะเป็นส่วนของโครงสร้าง URL ตัวอย่างจากบทความ <!DOCTYPE html> <html> <body> <button onclick="display()">Check</butto