Default Parameters อนุญาตให้กำหนดค่าเริ่มต้นให้พารามิเตอร์ของฟังก์ชันได้โดยตรงในการประกาศฟังก์ชัน ทำให้โค้ดสะอาดและอ่านง่ายขึ้น ตัวอย่างการใช้งาน <html> <body> <script> // default คือ 1 function inc(val1, inc = 1) { return val1 + inc; }

JavaScript ไม่มีฟังก์ชัน sleep() แบบ built-in เช่นภาษาอื่น แต่สามารถสร้างได้โดยใช้ Promise ร่วมกับ setTimeout และใช้ร่วมกับ async/await ตัวอย่างการสร้างฟังก์ชัน sleep setTimeout(resolve, ms)); } async function demo() { document.write(รอ 5 วินาที!); await sleep(50

ใช้ Intl.NumberFormat ซึ่งเป็นส่วนหนึ่งของ Internationalization API เพื่อจัดรูปแบบตัวเลขเป็นสกุลเงินได้อย่างง่ายดายและแม่นยำ ตัวอย่างการใช้งาน <!DOCTYPE html> <html> <body> <p>จัดรูปแบบ 150 เป็นดอลลาร์สหรัฐ (US$):</p> <script> var formatter = new

เมธอด setInterval() ใน JavaScript ใช้สำหรับเรียกใช้ฟังก์ชันหรือประเมินนิพจน์ซ้ำๆ ตามช่วงเวลาที่กำหนด ไวยากรณ์ (Syntax) setInterval(function, interval_in_milliseconds, param1, param2, param3...) พารามิเตอร์: function - ฟังก์ชันที่จะถูกเรียกใช้ซ้ำ interval_in_milliseconds - ช่วงเวลาในมิลลิวินาท

ตัวอย่างโค้ด นี่คือตัวอย่างการใช้ jQuery เพื่อสร้างการเลื่อนหน้าจอ (scroll) ไปยังตำแหน่งด้านบนสุดของหน้าเว็บอย่างนุ่มนวลเมื่อคลิกลิงก์ <html> <body> <script> $("a").click(function() { $("html, body").animate({ scrollTop: 0 }, "slow"

เพื่อใช้ variable number of arguments ให้ฟังก์ชัน ใช้ arguments object ตัวอย่าง คุณลองรันโค้ดต่อไปนี้เพื่อ implement arguments ใน JavaScript function Live Demo ; res += Each argument = ; for (p = 0; p ฟังก์ชัน functionArgument รับ parameters 3 ตัว แต่เรียกใช้ด้วย 6

เหมือนภาษาโปรแกรมมิ่งหลายภาษา JavaScript มี variables (ตัวแปร) Variables คิดได้ว่าเป็น named containers (ภาชนะที่มีชื่อ) คุณวางข้อมูลลงในภาชนะเหล่านี้ แล้วอ้างอิงข้อมูลโดยแค่ชื่อภาชนะ คำสำคัญ var ใช้เพื่อ declare (宣告) variables ใน JavaScript ก่อนใช้ variable ใน JavaScript program คุณต้อง declare มั

เพื่อเพิ่มจำนวนวัน ใช้ฟังก์ชัน Date() แสดงวันที่ปัจจุบัน แล้วบวกจำนวนวันที่ต้องการ ตัวอย่าง Live Demo โค้ดข้างต้นเพิ่ม 2 วันเข้าไปในวันที่ปัจจุบัน โดยคำนวณจาก milliseconds (2 วัน × 24 ชั่วโมง × 60 นาที × 60 วินาที × 1000 milliseconds)

สัญลักษณ์ ! บ่งบอกว่าเป็น immediately-invoked function expression (IIFE) เครื่องหมาย ! เพียงอย่างเดียวไม่ได้ invoke function คุณต้องใส่ () ท้ายฟังก์ชัน: !function foo() {}() () มี precedence สูงกว่า ! และเรียก function ทันที คุณสามารถเขียนแบบนี้ได้อีก: (function(){})(); ! ทำให้ expression คืนค่า tr

JavaScript ใช้คีย์เวิร์ด var เพื่อประกาศ namespace วิธีประกาศ namespace ใน JavaScript: var myNamespace = { functionOne: function() { }, functionTwo: function() { } }; // เรียกใช้ myNamespace.functionOne(); Namespace Patterns ใน JavaScript // 1. Object Literal (Simple Namespace) const M

Operators ใหม่ล่าสุดที่เพิ่มเข้ามาใน JavaScript คือ Spread operator และ Rest operator Rest Operator ด้วย rest parameter สามารถแทน arguments หลายค่าเป็น array ได้ ES6 นำมาแสดงด้วย ... นำหน้าพารามิเตอร์ ตัวอย่าง <html> <body> <script> function addition(...numbers) {

คำสั่ง return ใน JavaScript ระบุค่าที่ต้องการคืน ภายในฟังก์ชัน ค่าจะถูกคืนให้ caller ของฟังก์ชัน ตัวอย่าง <html> <body> <script> function multiply(num1, num2) { return num1 * num2; } var result = multiply(5, 10); document.write(Multiplic

Function() constructor ใช้ใน JavaScript เพื่อสร้าง function object ใหม่ Objects ที่สร้างจะถูก parse เมื่อฟังก์ชันถูกสร้าง ตัวอย่าง <html> <body> <script> var num = new Function(p, q, r, return p * q * r); document.write(Value after multiplication: + num(5, 2,

Default parameters มาจัดการ function parameters ให้สะดวก ตั้งค่า default ให้ formal parameters ได้ก็ต่อเมื่อไม่มีค่าหรือ undefined ถูกส่งมา ตัวอย่าง <html> <body> <script> // default is set to 1 function inc(val1, inc = 1) { return val1 + inc; }

JavaScript 1.2 นำเสนอ concept ของ function literals ซึ่งเป็นวิธีใหม่ในการกำหนดฟังก์ชัน Function literal คือ expression ที่กำหนด unnamed function (anonymous function) ตัวอย่าง <html> <head> <script> <!-- var func = function(x, y) { return x * y };

Getter เมื่อเข้าถึง property ค่าจะได้จากการเรียกฟังก์ชันโดยนัย ใช้คีย์เวิร์ด get ใน JavaScript Setter เมื่อตั้งค่า property จะเรียกฟังก์ชันโดยนัย ค่าถูกส่งเป็น argument คืนค่าเป็น property เอง ใช้คีย์เวิร์ด set ใน JavaScript ตัวอย่าง <html> <body> <script> var depart

เพื่อลบ getter ด้วย delete operator ใช้คีย์เวิร์ด delete: delete obj.name ตัวอย่าง <html> <body> <script> var department = { deptName: Marketing, deptZone: North, deptID: 101, get details() { return Department Details<

เพื่อลบ setter ด้วย delete operator ใช้คีย์เวิร์ด delete: delete obj.name ตัวอย่าง Live Demo <html> <body> <script> var department = { deptName: Marketing, deptZone: North, deptID: 101, get details() { return Department

Getter เมื่อเข้าถึง property ค่าจะได้จากการเรียกฟังก์ชันโดยนัย (implicitly) ใช้คีย์เวิร์ด get ใน JavaScript อนุญาตให้ใช้ identifier เป็นตัวเลขหรือสตริง Setter เมื่อตั้งค่า property จะเรียกฟังก์ชันโดยนัย และค่าถูกส่งเป็น argument คืนค่าเป็น property เอง ใช้คีย์เวิร์ด set ใน JavaScript อนุญาตให้ใช้ id

Notation +function() {} ใช้เพื่อบังคับให้ parser จัดการสิ่งที่ตามหลัง + เป็น expression ใช้สำหรับฟังก์ชันที่ถูก invoke ทันที (IIFE): +function() { alert(Demo!); }(); แต่ + หน้าฟังก์ชันเป็นแค่สัญลักษณ์หนึ่ง สัญลักษณ์อื่นๆ ก็ใช้ได้ เช่น !, -, ~ และ parentheses ก็ได้: (function() { alert(Demo!); })();