คอนสตรัคเตอร์ Function() ใช้สร้างออบเจ็กต์ฟังก์ชันใหม่แบบไดนามิกจากสตริง อาร์กิวเมนต์ตัวสุดท้ายคือ function body ตัวอย่าง <html> <head> <script> var func = new Function(x, y, return x * y;); function multiplyFunction() { var result = func(15, 35);

IIFE (Immediately Invoked Function Expression) หรือ Self-Executing Anonymous Function คือ ฟังก์ชันที่ถูกห่อด้วยวงเล็บและ เรียกใช้ทันทีที่นิยาม ช่วยสร้าง ขอบเขต (scope) แบบแยกต่างหาก ป้องกันการปนเปื้อนตัวแปรใน Global Scope ไวยากรณ์ (function() { // โค้ดในนี้ })(); // หรือ (function() { // โค้ด

JavaScript ใช้โครงสร้าง try...catch...finally เพื่อจัดการข้อยกเว้น (exceptions) รองรับการจับข้อผิดพลาดที่เกิดขณะรันไทม์ (runtime) และข้อผิดพลาดที่โปรแกรมเมอร์สร้างขึ้น (throw) แต่ ไม่สามารถจับ Syntax Errors ได้ (เพราะเกิดขณะ parse ก่อนรัน) ไวยากรณ์ <script> try { // โค้ดที่อาจเกิดข้อผิ

ใช้เมธอด String.prototype.replace() ร่วมกับ Regular Expression เพื่อแทนที่สตริงใน JavaScript ไวยากรณ์ str.replace(regexp|substr, newSubstr|function) ตัวอย่าง <html> <head> <script> var str = Welcome to Tutorialspoint; document.write(str); // แทนที่ tutori

คำสั่ง return ใน JavaScript ใช้เพื่อ ส่งค่ากลับจากฟังก์ชัน และ หยุดการทำงานของฟังก์ชันทันที เป็นคำสั่งสุดท้ายที่ควรอยู่ในฟังก์ชัน ตัวอย่าง <html> <head> <script> function concatenate(first, last) { var full = first + last; return full; // ส่งค่ากลับและ

Arrow Function (ES2015/ES6) หรือ Fat Arrow Function เป็นไวยากรณ์เขียนฟังก์ชันแบบกระชับ ใช้ => (fat arrow) แทนคำสำคัญ function ช่วยลดโค้ดและจัดการ this ได้ดีกว่า ไวยากรณ์ { const sum = param1 + param2; return sum; } เปรียบเทียบ num * num); ความแตกต่างสำคัญ: this Binding { consol

Rest Parameters (ES2015/ES6) ช่วยให้ฟังก์ชันรับ จำนวนอาร์กิวเมนต์ไม่จำกัด ได้ โดยรวมอาร์กิวเมนต์ที่เหลือทั้งหมดไว้ใน อาร์เรย์ ใช้สัญลักษณ์ ... (three dots) นำหน้าพารามิเตอร์ตัวสุดท้าย ไวยากรณ์ function funcName(param1, param2, ...restParams) { ... } ตัวอย่าง <html> <body> <sc

การลบสมาชิกเฉพาะตัวจากอาร์เรย์ ทำได้โดย: หา index ด้วย indexOf() ลบด้วย splice(index, 1) ตัวอย่าง -1) { array.splice(index, 1); } document.write(<br>New array after deletion: + array); </script> </body> </html> ผลลัพธ์ Original array: 40,

ใช้ Math.max() และ Math.min() ร่วมกับ apply() หรือ Spread Syntax (...) เพื่อหาค่าสูงสุดและต่ำสุดในอาร์เรย์ ตัวอย่าง <html> <body> <script> var arr = [50, 30, 70, 60]; // ใช้ apply (รองรับเบราว์เซอร์เก่า) document.write(Maximum Value: + Math.max.apply(nul

อาร์เรย์สองมิติ (2D Array) คือ อาร์เรย์ที่แต่ละสมาชิกก็เป็นอาร์เรย์อีกทีหนึ่ง เข้าถึงข้อมูลด้วย array[row][col] เช่น myArray[0][0], myArray[0][1] เป็นต้น ตัวอย่าง <html> <body> <script> var myArray = new Array(3); for (var i = 0; i < 3; i++) { myArray[i

เพื่อหาค่าซ้ำ (duplicate values) ในอาร์เรย์ JavaScript สามารถใช้วิธีต่างๆ ได้ ตัวอย่างด้านล่างใช้ Object เพื่อเก็บค่าที่ไม่ซ้ำ แล้วคืนค่าเป็นอาร์เรย์ที่ไม่มีค่าซ้ำ ตัวอย่าง (ลบค่าซ้ำ / หาค่าที่ไม่ซ้ำ) <html> <body> <script> function removeDuplicate(arr) { var

เพื่อลบรายการออกจากอาร์เรย์ใน JavaScript ตามค่า ให้ทำ 2 ขั้นตอน: หา ดัชนี (index) ของค่าด้วย indexOf() ลบด้วย splice() โดยระบุ index และจำนวนรายการที่จะลบ ตัวอย่าง -1) { array.splice(index, 1); // ลบ 1 รายการ ตำแหน่ง index } document.write(<br>New array after dele

เพื่อค้นหานิยามของฟังก์ชัน JavaScript ใน Google Chrome ให้ทำตามขั้นตอนด้านล่าง: เปิดเว็บเบราว์เซอร์ Chrome และกด F12 เพื่อเปิด Developer Tools กด Ctrl + Shift + F เพื่อเปิดการค้นหาทั่วทั้งโปรเจกต์ (Global Search) ติ๊กถูก Regular Expression (ไอคอน .* หรือกด Alt + R) ค้นหาคำว่า function หรือ

เพื่อเรียกฟังก์ชันเมื่อคลิกปุ่มใน JavaScript ให้ใช้แอตทริบิวต์ onclick ในองค์ประกอบ HTML (เช่น <button> หรือ <input type=button>) ตัวอย่าง <html> <head> <script> function sayHello() { document.write(Hello there!); } </script> <

JavaScript อนุญาตให้สร้างฟังก์ชันของตัวเองได้ เพื่อเรียกใช้ฟังก์ชันที่ประกาศไว้ ให้เขียน ชื่อฟังก์ชันตามด้วยวงเล็บ () พร้อมอาร์กิวเมนต์ (ถ้ามี) ตัวอย่างพื้นฐาน <html> <head> <script> function sayHello() { document.write(Hello there!); } </script&g

Default Parameters (ES2015/ES6) ช่วยให้สามารถ กำหนดค่าเริ่มต้นให้พารามิเตอร์ของฟังก์ชัน ได้ โดยตรงในหัวฟังก์ชัน ค่าเริ่มต้นจะถูกใช้เมื่อ ไม่ได้ส่งอาร์กิวเมนต์ หรือส่งเป็น undefined เท่านั้น ตัวอย่าง <html> <body> <script> // default ค่า inc = 1 function inc(val1

คอนสตรัคเตอร์ Function() คาดหวังอาร์กิวเมนต์สตริงจำนวนเท่าไรก็ได้ อาร์กิวเมนต์ตัวสุดท้ายคือ เนื้อหาของฟังก์ชัน (function body) ซึ่งสามารถมีคำสั่ง JavaScript ได้หลายคำสั่ง คั่นด้วย semicolon ไวยากรณ์ new Function([arg1[, arg2[, ...argN]],] functionBody) ตัวอย่าง สร้างฟังก์ชันคูณเลขด้วย Function Con

เมธอด call() ใน JavaScript ใช้เพื่อ เรียกฟังก์ชันพร้อมกำหนดค่า this เอง และส่งอาร์กิวเมนต์ทีละตัว (ไม่ใช่อาร์เรย์เหมือน apply()) ไวยากรณ์ func.call(thisArg, arg1, arg2, ...) ตัวอย่าง การยืมเมธอด fullName จากออบเจ็กต์ person มาใช้กับ myObject: <html> <head> <script> v

เมธอด apply() ใน JavaScript ทำงานคล้ายกับ call() แตกต่างกันตรงที่ apply() รับอาร์กิวเมนต์เป็น อาร์เรย์ (array) หรือ array-like object ส่วน call() รับอาร์กิวเมนต์ทีละตัว ไวยากรณ์ func.apply(thisArg, [argsArray]) ตัวอย่าง ใช้ Math.max.apply() เพื่อหาค่าสูงสุดในอาร์เรย์: <html> <head>

use strict เป็นคำสั่งสั่งงาน (directive) ที่เป็นลิเทอรัล (literal expression) เปิดตัวใน JavaScript 1.8.5 (ES5) ตามชื่อที่บ่งชี้ use strict ระบุว่าโค้ดจะถูกexecute ในโหมดเข้มงวด (strict mode) ส่วนโหมดไม่เข้มงวด (non-strict mode) หรือที่เรียกว่า sloppy mode จะไม่บังคับกฎเข้มงวดเหล่านี้ การประกาศ Stri