ใน JavaScript ฟังก์ชันที่ถูกห่อด้วยวงเล็บเรียกว่า Immediately Invoked Function Expressions (IIFE) หรือ Self Executing Functions วัตถุประสงค์คือเพื่อสร้าง Namespace และควบคุม Visibility ของ Member Functions มันห่อโค้ดไว้ใน Function Scope ลดการชนกันกับ Library อื่น นี่คือที่มาของชื่อ IIFE หรือ Self Ex

JavaScript ไม่สามารถเรียก Java Method โดยตรงได้ เนื่องจาก Java รันบน Server ต้องใช้ Java Framework เช่น JSP เพื่อรับ Request จาก JavaScript แล้วเรียก Java Method โค้ด JavaScript: //javascript code function initiateFunc() { $.get(localhost/project/myexecution.jsp); } $( initiateFunc); โค้ด JSP

เพื่อเรียกฟังก์ชัน JavaScript จาก Console ให้รันโค้ดดังนี้ ตัวอย่าง <!DOCTYPE html> <html> <body> <script> var display = { displayOne: function(){ return displayTwo ;} }; console.log(display.displayOne()); </script> </bod

เพื่อให้ Popup Window อยู่กลางหน้าจอ ให้ใช้โค้ดดังตัวอย่าง ตัวอย่าง <!DOCTYPE html> <html> <body> <script> function myPopup(myURL, title, myWidth, myHeight) { var left = (screen.width - myWidth) / 2; var top = (screen.height - myHeight) / 4;

Global Error Handler ต่อไปนี้แสดงวิธีจับ Unhandled Exception ตัวอย่าง <!DOCTYPE html> <html> <body> <script> window.onerror = function(errMsg, url, line, column, error) { var result = !column ? : \ncolumn: + column; result += !error;

เมธอด trigger() ใช้ยิงเหตุการณ์ที่ระบุและพฤติกรรมเริ่มต้นของเหตุการณ์นั้น (เช่นการส่งฟอร์ม) สำหรับ Element ที่เลือก ตัวอย่าง: $( #foo ).on( click, function() { alert( $( this ).text() ); }); $( #foo ).trigger( click );

การใส่ Semicolon หลังฟังก์ชันเป็นเรื่องทางเลือก (Optional) แต่เพื่อป้องกันผลลัพธ์ที่ไม่พึงประสงค์เมื่อใช้ Function Expressions ควรใส่ Semicolon ใช้ Semicolon var display = function () { alert(Hello World); }; (function () { // code })(); ไม่ใช้ Semicolon var display = function () { alert

เพื่อเรียกฟังก์ชัน JavaScript จาก C++ ให้สร้างไฟล์ .js ที่เรียกฟังก์ชันนั้น หน้าเว็บจะโหลด JS และฟังก์ชันจะทำงาน int callId = 0; void callFunction() { // the js file ofstream fout(generate.js); fout << caller( << callId ++ << , display);; } // code HTML <html> <body> &

ด้วย Alert Box มาตรฐาน ไม่สามารถเปลี่ยนข้อความปุ่มได้ ต้องใช้ Custom Alert Box ตัวอย่างด้านล่างเปลี่ยนปุ่ม OK เป็น Thank you for informing! ตัวอย่าง <!DOCTYPE html> <html> <head> <script src=https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js> </script

ไม่สามารถสร้าง Dialog Box ที่มีปุ่ม Yes/No ด้วย Alert มาตรฐานได้ เนื่องจาก Confirm Dialog Box ของ JavaScript มีแค่ปุ่ม OK และ Cancel เท่านั้น หากต้องการ Dialog ที่มี Yes/No ต้องสร้าง Custom Dialog Box เอง ตัวอย่าง <!DOCTYPE html> <html> <head> <script src=https://ajax.go

เพื่อรวมตัวแปรสตริงหลายตัว ให้ใช้ตัวดำเนินการรวมสตริงของ JavaScript ตัวอย่าง <html> <body> <script> var str1 = Tutorials ; var str2 = Point: ; var str3 = Simply Easy Learning; var res = str1 + str2 + str3; document.write(String 1 = +str1);

ลูป for each...in ใช้วนซ้ำตัวแปรผ่านค่าของ Property ทั้งหมดของออบเจ็กต์ หมายเหตุ - for each...in ถูก Deprecated (เลิกใช้) แล้ว ไม่ควรนำไปใช้ ไวยากรณ์ for each (variablename in object) { statement or block to execute } ตัวอย่าง ตัวอย่างนี้จะไม่ทำงานบนเบราว์เซอร์ใดๆ เนื่องจาก for each...in ถูก Dep

เพื่อใช้เงื่อนไข OR ในคำสั่ง IF ของ JavaScript ให้ใช้ตัวดำเนินการ || (Logical OR) หากตัวถูกดำเนินการตัวใดตัวหนึ่งไม่เป็นศูนย์ เงื่อนไขจะเป็นจริง ตัวอย่าง <html> <body> <script> var a = true; var b = false; document.write((a || b) => ); result

ภาพด้านล่างแสดง Foreach Loop ในรูปแบบ Flowchart:

เพื่อบันทึก HTML ในเครื่อง local ด้วย JavaScript ให้สร้างไฟล์ HTML และบันทึกโค้ดด้านล่าง โค้ดนี้เป็นตัวอย่าง Cookies ใน JavaScript <!DOCTYPE html> <html> <body> <p id=visits></p> <script> var visits = parseInt(document.cookie.split(=)[1]);

การลงทะเบียน Event Handlers ภายในโค้ด JavaScript ช่วยให้ใช้คีย์เวิร์ด this ได้ ไม่ต้องส่งค่าเข้าไปในฟังก์ชัน ใช้ this เพื่อจัดการ Property แทน ตัวอย่าง <!DOCTYPE html> <html> <head> <script> function display() { click.onclick = styleMe; uname.

Arguments Object ใน JavaScript คือออบเจ็กต์ที่แทนอาร์กิวเมนต์ของฟังก์ชันที่กำลังทำงาน ไวยากรณ์มี 2 อาร์กิวเมนต์ [function.]arguments[p] ตัวอย่าง <html> <body> <script> function functionArgument(val1, val2, val3) { var res = ; res += Expected Argumen

Arguments Object คืออาร์กิวเมนต์ที่ส่งเข้าฟังก์ชัน เป็นตัวแปรที่เข้าถึงได้ในทุกฟังก์ชัน สมมติส่งอาร์กิวเมนต์ 2 ตัว เข้าถึงได้ดังนี้ arguments[0] arguments[1] สามารถใช้ typeof กับ Arguments ได้ เช่นกัน เริ่มจากดูการทำงานของ typeof ซึ่งเป็น Unary Operator วางก่อนตัวถูกดำเนินการได้ทุกประเภท ตัวอย่าง ty

ใช้เมธอด Array.from() ใน JavaScript เพื่อแปลง Arguments Object เป็น Array ตัวอย่าง <!DOCTYPE html> <html> <body> <script> function sortArg() { var args = Array.from(arguments); return args.sort(); } document.write(sortArg(x, y, z

เพื่อตรวจสอบอีเมลใน JavaScript ให้ตรวจสอบเงื่อนไขของ @ และ . เช่น abc@gmail.com ลองใช้โค้ดด้านล่าง ตัวอย่าง <!DOCTYPE html> <html> <body> <script> var emailID; function validateEmail(emailID) { atpos = emailID.indexOf(@); dotpos = email