เพื่อตั้งค่า parameter ที่ 2 เป็น undefined ให้ตั้งค่าดังนี้: displayFunc(undefined, Amit); ตัวอย่าง ตัวอย่างแสดง parameter ที่ 2 สำเร็จ เมื่อ parameter แรกเป็น undefined <!DOCTYPE html> <html> <body> <script> function displayFunc(p1, p2) { document.w

เพื่อให้บรรลุเป้าหมายนี้ ใช้ JavaScript Closures Closure คือฟังก์ชันที่ใช้ scope ที่มันถูกประกาศเมื่อถูก invoke ไม่ใช่ scope ที่มันถูก invoke ตัวอย่าง var myFunction = (function() { function display() { // 5 }; function innerDisplay(a) { if (/* some condition */) { // 1, 2

Default parameters มาจัดการ function parameters ให้สะดวก อนุญาตให้ initialize formal parameters ด้วย default values ได้ก็ต่อเมื่อไม่มีค่าหรือ undefined ถูกส่งมา ด้วย ES6 สามารถตั้ง default parameters ได้ง่าย ตัวอย่าง <html> <body> <script> // default is set to 1

Method ใน JavaScript คือ action ที่ทำงานบน objects Method มี function definition ที่เก็บเป็น property value ตัวอย่าง <!DOCTYPE html> <html> <body> <h3 id=myDept></h3> <script> var department = { deptName: Marketing, deptID: 1

Generator Functions อนุญาตให้ execute code ระหว่างที่ฟังก์ชัน exit และ resume ภายหลัง Generators ใช้จัดการ flow control ในโค้ด ยกเลิก asynchronous operations ได้ง่าย เพราะ execution หยุดชั่วคราวได้ทุกเมื่อ Syntax: อย่าลืมเพิ่ม asterisk หลัง function keyword: function *myFunction() {} // หรือ funct

Async function declaration ตามชื่อ แสดงถึง asynchronous function ฟังก์ชันนี้คืนค่า AsyncFunction object (ซึ่งเป็น Promise) Syntax async function functionName([param[, param[, ... param]]]) { // statements to be executed } ตัวอย่าง ตัวอย่างพิมพ์ผลลัพธ์หลัง 5 วินาที: { document.write(Mul

ด้วย rest parameter สามารถแทน arguments หลายค่าเป็น array ได้ ES6 นำมาเพื่ออำนวยความสะดวก แสดงด้วย ... นำหน้าพารามิเตอร์ ตัวอย่าง <html> <body> <script> function addition(...numbers) { var res = 0; numbers.forEach(function(number) { res +

Rest Parameters ด้วย rest parameter สามารถแทน arguments หลายค่าเป็น array ได้ ES6 นำมาเพื่ออำนวยความสะดวก แสดงด้วย ... นำหน้าพารามิเตอร์ Arguments Object Arguments object ใน JavaScript คือ object ที่แทน arguments ที่ส่งเข้าฟังก์ชัน ความแตกต่าง: Arguments object รวม ทุก arguments ที่ส่งเข้าฟังก์ชัน

Spread operator อนุญาตให้แยก array เป็น arguments เดี่ยวๆ ซึ่งเป็นฟังก์ชันของ arguments แยกกัน Syntax function myfunction(...iterableObj); ตัวอย่าง Live Demo <html> <body> <script> var a = [10, 20]; var b = rank; var c = [30, points]; var d = run

Rest Parameter ด้วย rest parameter คุณสามารถแทน arguments หลายค่าเป็น array ได้ ES6 นำ rest parameter มาเพื่ออำนวยความสะดวก สำหรับ arguments objects rest parameters แสดงด้วยสามจุด ... นำหน้าพารามิเตอร์ โค้ดกำหนด rest parameter: <html> <body> <script> function additio

เพื่อล้างค่า array ใน JavaScript ให้ตั้งค่าตัวแปรเป็น array ว่าง: arr = [] ตัวอย่าง <html> <head> <title>JavaScript Arrays</title> </head> <body> <script> var arr = [orange, mango, banana, sugar, tea]; document.write(<br /

ตัวแปร JavaScript ไม่มีชนิด (no types) แต่ ค่ามีชนิด วิธีประกาศตัวแปร: var rank = 5; var name = John; คุณยังเขียนได้แบบนี้: var rank = 5; rank = first; document.write(rank); เห็นได้ว่า ไม่ได้ประโยชน์อะไรที่จะระบุชนิดในการประกาศตัวแปร เพราะชนิดข้อมูลถูกกำหนดโดยค่าของตัวแปร ความเข้าใจที่ถูกต้อง Jav

นิพจน์ง่ายๆ 4 + 5 = 9 ที่นี่ 4 และ 5 เรียกว่า operands และ + เรียกว่า operator JavaScript รองรับ operators ประเภทต่อไปนี้: Arithmetic Operators (คณิตศาสตร์) Comparison Operators (เปรียบเทียบ) Logical/Relational Operators (ตรรกะ) Assignment Operators (กำหนดค่า) Conditional/Ternary Operators (เงื่อนไ

Increment operator เพิ่มค่า integer ขึ้น 1 ตัวอย่างเพิ่มค่า a สองครั้งด้วย increment operator: ตัวอย่าง Live Demo <html> <body> <script> var a = 33; a = ++a; // pre-increment: a = 34 document.write(++a = ); result = ++a; // pre-increment: a = 35

Decrement operator ลดค่า integer ลง 1 ตัวอย่างลดค่า a สองครั้งด้วย decrement operator: ตัวอย่าง Live Demo <html> <body> <script> <!-- var a = 33; a = --a; // pre-decrement: a = 32 document.write(--a = ); result = --a; // pre-de

ควรหลีกเลี่ยง increment (++) และ decrement (--) operators เพราะอาจนำไปสู่ผลลัพธ์ที่ไม่คาดคิด เงื่อนไขบางอย่าง: ใน assignment statement อาจให้ผลลัพธ์ไม่พึงประสงค์: ตัวอย่าง <html> <body> <script> var a = 5; var b = ++a; // pre-increment: a=6, b=6 var c =

Fat arrow function ช่วยลดจำนวนบรรทัดโค้ด Syntax => แสดง fat arrow หลีกเลี่ยงการเขียนคีย์เวิร์ด function ซ้ำ Syntax { const result = param1 + param2; return result; } เปรียบเทียบ Function แบบเดิม: var rank = [7, 8, 9]; var display = rank.map(function(num) { return num * num; }); Fat Arro

Fat arrow function ช่วยลดจำนวนบรรทัดโค้ด Syntax => แสดง fat arrow หลีกเลี่ยงการเขียนคีย์เวิร์ด function ซ้ำ Arrow functions โดยทั่วไปใช้สำหรับ non-method function มาดูวิธีใช้ arrow functions เป็น methods: ตัวอย่าง Live Demo document.write(this.val1, this), y: function() { doc

Fat arrow function (arrow function) แก้ปัญหา lexical binding ของ this มันจับ context ของ this และทำให้บรรลุเป้าหมายเดียวกันได้ เนื่องจาก arrow function ไม่มี this ของตัวเอง Syntax => แสดง fat arrow ตัวอย่าง $(.button1).click(function () { setTimeout(function () { $(this).text(demo); // E

เพื่อเพิ่ม line break ในค่า array สำหรับทุก occurrence ของ ~ ให้ split array ก่อน แล้วค่อยเพิ่ม line break คือ <br> สำหรับแต่ละ ~ ตัวอย่าง: This is demo text 1!~This is demo text 2!~~This is demo text 3! จะเพิ่ม line break สำหรับ ~ occurrence: This is demo text 1! This is demo text 2! This i