[JavaScript] datetime 轉太平洋時區 (Pacific Time Zone)

最近碰到一個需求, 需要把 rails form 的 input (datetime) 用 js 即時轉換成太平洋時區顯示在畫面上 js 可以使用 method toLocaleString dateObj.toLocaleString([locales[, options]]) 前面的 locales 參數影響顯示的格式, 後面的 options 用到的是 timeZone。需要填入 Asia/Taipeu、America/New_York 這種格式 example code # 取得 »

[JavaScript] 箭頭函式的細節

ES6 => 語法糖 (Syntax Suger) arguments 這個內建的區域變數 (用來存放函式的參數資料) 在箭頭函式不存在 // 傳統函式 let test1=function(msg){ alert(msg); }; 等同 // 傳統函式 let test1=function(msg){ alert(arguments[0]); }; // 箭頭函式 let test2=(msg)=>{ alert(msg); »

[ES6] 箭頭函式(Arrow Function)

箭頭函式 語法比原有函式更簡單 提高程式碼可讀性 具有詞法上綁定 this 的特性 ex: const func = (x) => x + 1 相當於 const func = function (x) { return x + 1 } 大括號 {} 如果函式有多行語句(表達式)時就要使用大括號,如 () => {} 使用大括號時,return 需要自己加,否則會 undefined 小括號 () 只有單一個傳入參數時,可以不需前面作為傳入參數使用的小括號,例如 x => x »

[JavaScript] __proto__ 與 prototype

_ _ proto _ _ 每個 js object 都對應一個原型 objecy,並從原型 object 繼承屬性及方法 prototype 不像其他 oo 語言,在 js 內沒有 class,es6 的 class 也只是語法糖 js 透過函數來模擬 class,只有函數才有 prototype 屬性 創建函數時,js 會自動添加 prototype 屬性,值是空 object 若把這個函數當建構函數 (constructor) 調用,js 會創建此構造函數的 instance, »

[JavaScript] indexOf 方法

indexOf: (查詢 js 陣列中是否有符合的值) 用法: indexOf(要找的值, 從第幾個位開始找) 大小寫有差異,找不到符合的值會回傳 -1 example: jsbin Ref: w3school »