JavaScript 正式的名稱為 EcmaScript（以下稱 ES），在 ES 5 時新增了 9 個 Array 相關的 method： forEach map filter every some reduce reduceRight indexOf la...

Javascript 的 instance property 很容易實做，只要用 this 就可以了。 function Counter() { this.count = 1; } var c1 = new Counter(); console.log(c1.count+...

前面提過，可以用 this 儲存 instance property，但是 instance property 完全沒有安全性可言 。 function User(account, password) { this.account = account; this.pa...

我們知道 Javascript function 有兩種呼叫方式，一種是直接呼叫，另一種是透過 new 呼叫，兩種呼叫方式有什麼差別呢？就我目前所知，有兩個差異。 第一個差異是 this 是誰？

這裡沒有討論 Javascript 到底是不是一個物件導向的語言，只想去瞭解一下 Javascript 的 prototype 是什麼以及怎麼用。 拿物件導向的 Java 來比較一下，倒是一個不錯的出發點。 Java 用的是 class（類別），Javascript 用的...

有些書說隱藏版屬性 arguments 有個 caller 屬性，但我怎麼也找不到，倒是在 Function 裡找到這個屬性。 官方定義 caller：呼叫目前正在執行的 function 的 function，簡言之就是，誰呼叫這個 function。 function ...

每個 function 裡都有個叫做 arguments 的隱藏版屬性，所謂隱藏版屬性就是不用定義或宣告，立即可用。 arguments 多半用來處理 可變參數數量 的情況。 function a(b, c) { return b + c; } console.log(...

又解了一個謎團，Javascript 的區域變數（Local Variable）是 Function-scoped，而非  Block-scoped。 用程式說明。 function hoist(i) { console.log('input - ' +...

會有這篇筆記，一切都是起因於 jQuery 1.6 做了一些衝動的事：改寫了 attr(...) 的用法，詳情太囉唆，請看以下網址： jQuery 1.6.1上場救援，不用改寫attr()囉 jQuery 1.6 .attr() 和 .prop() 也就是我習慣用的 a...

Responsive Web Design？ 智慧型手機的興起讓瀏覽網頁的螢幕變小，但既有網頁多半是固定寬度，一開始手機瀏覽器都是將網頁縮小到可以放進那小小的螢幕裡，但是這種作法一點幫助也沒有，圖那麼小、文字那麼小，什麼都看不清楚，只能在那不斷的放大放大縮小縮小，頭都暈了，怎...

最近遇到的問題， $(window).width() 與 $(window).height() 都回傳 0，但只限於 IE 某些版本，PM 最後鎖定是 Quirks Mode 才會有的問題。 Google 後發現， jQuery 1.8.1 以後就不支援 Quirks M...

Clickable Div 想要做一個隱形連結，例如在一張圖片上有兩個位置可以點，直覺想到可以用兩個 absolute 的 div 放上去想要的位置，然後為 div 加上 click listener。 <style type="text/css...

自從 Firefox 與 Chrome 打破 IE 獨大後，接著智慧型手機在瀏覽器市場帶來更大的衝擊，不只是各家爭鳴，還各版橫行，加上 HTML 5 與 CSS3 帶來許多嶄新的功能，讓網頁開發變得更有挑戰，也更頭大。 「這個新功能很炫，但是可以用了嗎？瀏覽器支援了嗎？」 ...

前一篇筆記「 yepnope.js 讓瀏覽器只載入需要的檔案 」只提到條件式載入，這邊再來看看 yepnope 還有哪些功能。 官方定義 yepnope is an asynchronous conditional resource loader that's ...

yepnope.js 有很多功能，這邊想用的是「條件式載入」。 條件式載入？ 以不支援陣列 indexOf() 的 IE8  為例（真弱），以前的作法是先載入再判斷要不要用。

以前只知道可以用 Javascript 呼叫 Java Applet，但都沒有動機去嘗試，今天有了。 Javascript 不能讀寫本機的檔案，這是可以確定的，另外能不能執行本機的程式（例如 ipconfig），大概也不行吧，而這些 Java 都可以！ 合作的原理很簡單，...

這問題 不會只發生在 LimeJS 上，只是 LimeJS 需要多一點的處理。 先看看標準的錯誤方式。 for (...) { var fKey = ...; var friend = new lime.Sprite()...; $(friend.getDeepes...

小時候要用 Javascript 做一個下面這種樹狀圖，應該要報個幾十個人天吧。 如果再加上右鍵功能，嗯，「PM，請給我幾個人月吧」！ 最大的問題應該出在瀏覽器相容性，以及少了一些很好用的 function 吧。 這些問題 jQuery 都解決了，所以...

這是我摸索 Javascript this 的過程。 Javascript window object Javascript function context - this 指的是誰？ Javascript closure Javascript Variable, Pr...

其實這篇筆記要紀錄的是我對 function context  最後的一塊拼圖，就是 function call object，快速的從頭說起... 在 top-level 可以宣告變數（variable）與屬性（property），就是存在 function 以外的變數。 ...