JavaScript ตั้งแต่ ES6 มี template string support ให้ native string interpolation เรียกว่า template literals Template literals คือ string literals ที่ allow embedded expressions ใช้ back-ticks (`) แทน single/double quotesvar greeting = `Hello World!`;Template strings ใช้ placeholders สำหรับ string s

ลบข้อความจาก string ใน JavaScript ได้ 2 วิธี: substring และ replaceSubstringJS string class มี substring method extract substring จาก string ให้ใช้ลบข้อความจากปลายหนึ่งหรือทั้งสองได้Syntaxstr.substr(start[, length])ตัวอย่างlet a = Hello world console.log(a.substr(0, 5)) console.log(a.substr(6)) cons

Query string ประกอบด้วย query parameters ส่งข้อมูลไป server ส่วนนี้ของ URL เป็น optional ต้องสร้างโดย developer ทำได้ด้วย native method encodeURIComponentencodeURIComponent() encode URI component โดยแทนที่ตัวอักษรบางตัวด้วย escape sequences แทน UTF-8 encodingด้วย ES6 format objects เข้ารหัส query st

ใช้ lodash get method เข้าถึง properties ทุกระดับอย่างปลอดภัย First-level properties เข้าถึงง่าย Nested property access ยาก ควรใช้ library ที่ทดสอบแล้วเช่น lodashเข้าถึง deeply nested object:ตัวอย่างlet _ = require(lodash); let obj = {    a: {       b: {      

ใช้ JSON.stringify() แปลง โค้ดแปลง MySQL DATETIME เป็น JSON format:<script> var mySQLDateTime = new Date(Fri Sep 06 2019 22 -54 -48 ); var yearValue = mySQLDateTime.getFullYear(); var dateValue = mySQLDateTime.getDate(); var monthValue=mySQLDateTime.getMonth(); var hour=mySQLDateTime.getHours(

JavaScript เป็นภาษาโปรแกรมมิ่งสำหรับ web scripting ภาษาเบา interpreted language หนึ่งในภาษายอดนิยมสำหรับ web development แต่ละเบราว์เซอร์มี engine ของตัวเอง ทำให้ JavaScript ทำงานได้ เช่นSpider Monkey สำหรับ FirefoxV8 สำหรับ Google ChromeJavaScriptCore สำหรับ SafariChakra สำหรับ Microsoft Internet E

new Object() และ Object literal {} ทำอย่างเดียวกัน คือ initialize object แต่ notation ที่สองอาจต่างเล็กน้อยถ้าเริ่มเพิ่ม propertiesตัวอย่างlet a = {    name: Ayush }Initialization นี้เทียบเท่าlet a = new Object(); a.name = Ayushหรือlet a = {} a.name = Ayush

ฟังก์ชัน parseInt ใน JavaScript มีลายเซ็นparseInt(string, radix);พารามิเตอร์:string - ค่าที่ parse ไม่ใช่ string จะแปลงด้วย ToString leading whitespace ถูกละเว้นradix - integer 2-36 แทน radix (ฐาน) ของสตริงถ้า omit radix parameter JavaScript จะ assumestring เริ่ม 0x → radix 16 (hexadecimal)string เร

Property stack ของ Error objects ให้ trace ว่าฟังก์ชันไหนถูกเรียก ลำดับไหน จากบรรทัดไหน ไฟล์ไหน และ arguments อะไร Stack string เริ่มจาก recent calls ไป earlier ones ย้อนกลับไป original global scope call คล้าย stack trace ใน Javaตัวอย่างfunction a() {    throw new Error(error); } try{ &nbs

Backbone เป็น MVC framework สำหรับ frontend ด้วย Backbone คุณ represent data เป็น Models ที่สร้าง, validate, destroy, save ไป server ได้ ทุกครั้งที่ UI action ทำให้ model attribute เปลี่ยน model จะ trigger change event Views ทั้งหมดที่ display models state จะได้รับการแจ้งเตือนเพื่อ respond ตามเหมาะส

BackboneJS ให้โครงสร้างกับเว็บแอปพลิเคชัน แยก business logic และ user interface logicArchitecture ของ BackboneJS ประกอบด้วย modules:HTTP RequestHTTP client ส่ง HTTP request ไป server เป็น request message เบราว์เซอร์, search engines เป็น HTTP clients ผู้ใช้ request ไฟล์ (documents, images) ผ่าน HTTP

Hard dependency เพียงอย่างเดียว (ที่ไม่มี backbone js ไม่ทำงานเลย) คือ Underscore.js Underscore เป็น JavaScript library ให้ functional programming helpers มากมายโดยไม่ extend built-in objectsมี dependencies อื่นๆ ตอนใช้ advanced features ของ backbone.js เช่นLibraries สำหรับ RESTful persistence (Back

Babel เป็น toolchain ที่ใช้แปลง ECMAScript 2015+ code เป็น backward-compatible version ของ JavaScript ในเบราว์เซอร์เก่าและปัจจุบัน หรือ environments อื่นๆ Babel plugins ให้ใช้ syntax ใหม่ได้เลย ไม่ต้องรอ browser supportเหตุผลหลักในการใช้ Babel JS:Syntax transformation (Latest JS syntax → backward-co

Babel เป็น toolchain ที่ใช้แปลง ECMAScript 2015+ code เป็น backward-compatible version ของ JavaScript ในเบราว์เซอร์เก่าและปัจจุบัน หรือ environments อื่นๆ Babel plugins ให้ใช้ syntax ใหม่ได้เลย ไม่ต้องรอ browser supportเหตุผลหลักในการใช้ Babel JS:Syntax transformation (Latest JS syntax → backward-co

มีหลายวิธีหาผลรวมตัวเลขในตำแหน่งคู่ (even positions) ใน array มาดู 3 วิธีใช้ for loopใช้ for loop โดยตรงหาผลรวมตัวอย่างlet arr = [1, 2, 3, 4, 5, 6]; let sum = 0; for(let i = 0; i < arr.length; i += 2) {    sum += arr[i]; } console.log(sum);ผลลัพธ์9ใช้ forEach loopใช้ built-in forEach แท

Design patterns แทน best practices ที่นักพัฒนาอาวุโสใช้ Design patterns เป็น solutions สำหรับปัญหาทั่วไปที่เจอระหว่างพัฒนา software ได้มาจาก trial and error ของนักพัฒนาหลายคนหลายปีDesign patterns เป็น language agnostic แบ่งได้ 3 หมวด: Creational, Structural, BehavioralCreational Patterns - ให้วิธีสร

Debounce function จำกัดอัตราที่ฟังก์ชันสามารถ fire ได้ เช่น autocomplete text bar ที่ query server ถ้า query ทุก keystroke จะมี network และ memory impact มากเกินไป ควรจำกัดจำนวน calls ในเวลาที่กำหนดเขียน debounce function เองที่รับ actual function เป็น argument และ execute แบบ rate limited (throttle

การแปลง data type จากหนึ่งเป็นอีกอย่างหนึ่ง เรียกว่า type casting บางครั้งต้องแปลง data type ของค่าหนึ่งเป็นอีกประเภท ภายใต้บางสถานการณ์ JavaScript จะทำ automatic type conversionประเภทของการแปลงAutomatic Type ConversionJavaScript คาดหวัง boolean ใน conditional expression จะแปลงค่าใน parentheses เป็น

Property Number.NEGATIVE_INFINITY แทนค่า negative Infinity ค่าที่เกิน maximum value ใน JavaScript จะกลายเป็น negative infinityตัวอย่างfunction checkInfinity(smallNumber) {    if (smallNumber === Number.NEGATIVE_INFINITY) {       return Process number as -Infinity;   &nb

ใน JavaScript มี 5 primitive types: undefined, null, boolean, string, number สิ่งอื่นๆ ล้วนเป็น objectsPrimitive types boolean, string, number สามารถ wrap ด้วย wrapper objects ได้ คือ instances ของ Boolean, String, Number constructorsเพื่อดึงค่า primitive กลับมาจาก object wrappers ให้เรียกเมธอด valu