SinonJS ให้ stand-alone test spies, stubs และ mocks เป็น library สร้าง object mocks สำหรับ unit testingSpies - Fake functions ติดตาม executionsStubs - Functions replacements คืนค่าที่ต้องการ หรือทำงานแบบที่เราต้องการ เพื่อ test multiple scenariosMocks - Fake methodsObjects ทั้งหมดช่วย unit testing โ

Window.location read-only property คืน Location object พร้อมข้อมูล current location ของ document ใช้ parse URL เป็น hostname และ pathLocation interface แทน location (URL) ของ object ที่ linked Properties บน location object:Location.href - DOMString ทั้ง URL เปลี่ยนแล้ว navigate ไปหน้าใหม่ ตั้งจาก di

Future เป็น old term เหมือนกับ promisePromise แทนค่าที่ยังไม่รู้จัก เข้าใจได้ว่าเป็น proxy สำหรับค่าที่ไม่จำเป็นต้องรู้ตอนสร้าง promiseDeferred แทนงานที่ยังไม่เสร็จ Deferred (โดยทั่วไป extend Promise) resolve ตัวเองได้ ในขณะที่ promise อาจไม่ทำได้ สามารถคิดว่าเป็น promise ที่จะสำเร็จเสมอPromise เป็น

ใช้ replaceState method บน History API ลบ hashreplaceState() แก้ไข current history entry แทนที่ด้วย state objects, title, และ URL ที่ส่งใน parameters มีประโยชน์ตอน update state object หรือ URL ของ current history entry ตอบสนอง user actionลบ hash ได้ด้วยhistory.replaceState(null, null, );

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

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

OOP languages ให้ data hiding ด้วย private fields ซ่อน internal ของ classes ใน JS ไม่มี built-in support สำหรับ encapsulationAnonymous functions ให้ encapsulation ใน JS มาดูตัวอย่างตัวอย่างconst HIDDEN_CONST = 100; function fnWeWantToHide(x, y) {    return (x + y) * HIDDEN_CONST } console.

ตั้งค่า select box ด้วย JavaScript ได้ดังนี้ สมมติมี select box<select id=my-select value=1>    <option value=1>Select</option>    <option value=2>Apple</option>    <option value=3>Strawberry</option>    <option val

เพิ่มวันใน Date ใน JS ใช้ setDate function สร้าง function บน Date prototype เพิ่มวันได้ตัวอย่างDate.prototype.addDays = function(days) {    let d = new Date(this.valueOf());    d.setDate(d.getDate() + days);    return d; } let date = new Date(); console.log(date.addDays

MEAN ย่อมาจาก MongoDB, Express, Angular, และ Node.jsMEAN.js และ MEAN.io เป็นสิ่งเดียวกันในแง่ที่ทั้งคู่เป็น scaffolded applications หรือ basic setup สำหรับใช้ 4 อย่างนี้ libraries/tools เหล่านี้ setup ให้แล้วช่วยให้ไม่ต้องใช้เวลาตั้งค่า infra พื้นฐาน โฟกัสสร้างแอปพลิเคชันได้เลย

ล้าง localStorage ตอนปิดเบราว์เซอร์ ใช้ window.onunload event เช็ค tab closeสมมติมี local storage object ชื่อ MyStorage เป็น global เขียน event handlerตัวอย่างwindow.onunload = () => {    // Clear the local storage    window.MyStorage.clear() }จะล้าง local storage ตอนปิด tab/w

dispatch events บน elements ได้ด้วย dispatchEvent method สมมติมี element test ที่มี onChange event<input id=test type=text/>Event handlerdocument.querySelector(#test).addEventListener(change, () => console.log(Changed!))Trigger event แบบ manualconst e = new Event(change); const element = do

วิธีมีประสิทธิภาพที่สุด group by key บน array of objects ใน JS คือใช้ reduce functionreduce() method execute reducer function (ที่คุณให้) บนแต่ละ element ของ array ได้ single output valueตัวอย่างconst people = [    { name: Lee, age: 21 },    { name: Ajay, age: 20 },    

แปลง image จาก HTML tag เป็น data URI ด้วย JavaScript: สร้าง canvas element, กำหนด width/height เท่ากับ image, draw image บน canvas, เรียก toDataURL methodจะได้ base64 encoded data URI ของ image เช่น image id my-imageตัวอย่างfunction getDataUrl(img) {    // Create canvas    const

Function expression คล้าย function declaration syntax เดียวกัน สามารถกำหนด named function expressions (ชื่ออาจใช้ใน call stack) หรือ anonymous function expressionsตัวอย่าง anonymous function expression (ไม่ได้ใช้ชื่อ)var myFunction = function() {    // Function code }ฟังก์ชันนี้ invoke ได้

ตาม MDN Arrow function expression เป็น syntactically compact alternative ของ regular function expression แต่ไม่มี bindings ของ this, arguments, super, new.target เอง Arrow functions ไม่เหมาะเป็น methods และไม่สามารถใช้เป็น constructors ได้มี 3 ความแตกต่างเล็กน้อยระหว่าง regular functions และ arrow f

assign/extend นำแต่ละ property ใน source copy value as-is ไป destination ถ้า property values เป็น objects เอง ไม่มี recursive traversal นี่คือ shallow copying/cloning object ทั้งหมดถูกนำจาก source ไป destinationmerge นำแต่ละ property ใน source เช็คว่า property นั้นเป็น object ไหม ถ้าเป็น จะลงไป recu

lodash และ underscore เป็น utility libraries ทั้งคู่ ทำให้ JavaScript ง่ายขึ้นด้วย utils สำหรับ arrays, numbers, objects, strings เหมาะสำหรับIterating arrays, objects, & stringsManipulating & testing valuesCreating composite functionsทั้งคู่เป็น functional libraries Lo-Dash เป็น fork ของ Und

ข้อดีของ JavaScriptความเร็ว Client-side JavaScript เร็วมากเพราะรันทันทีในเบราว์เซอร์ ไม่ต้อง network calls ไป backend serverความเรียบง่าย JavaScript เรียนรู้และ implement ได้ง่ายความนิยม JavaScript ใช้ทุกที่บนเว็บInteroperability JavaScript ทำงานร่วมกับภาษาอื่นได้ดี ใช้ในแอปพลิเคชันหลากหลายServer Lo

มี 2 วิธี copy objects ในทุกภาษา: deep copy และ shallow copyShallow copy และ deep copy เป็น language agnostic Shallow copies duplicate น้อยที่สุด Shallow copy ของ collection คือ copy ของ collection structure ไใช่ elements ด้วย shallow copy สอง collections share individual elementsตัวอย่างlet innerOb