筆者之前曾在 Ideasnow! 上面發表過這篇翻譯文章，最近重看有許多不同的感覺，再加上有些部分之前研究 jQuery 原始碼以及 JavaScript 效能的文章有看過，所以稍微編修了文章再加上了一些個人見解。

偶然在網路上看到這篇文章，覺得很有趣，必須說這篇文章有幾點我不太了解的地方，所以有稍微查了一下，想說乾脆用我自己理解的方式把它翻譯一遍。如果你也恰巧很了解 JavaScript，然後發現我理解錯誤，那請一定要糾正我:)

你其實並不懂 JavaScript

你甚至沒有意識到你不了解 JavaScript

基礎等級包含：

• 知道基本的 JS 語法，例如迴圈，if 判斷式，try/catch 等。
• 了解各式函式定義的方法以及指派的方法，包含了解匿名函式的使用。
• 了解基本的 scope 原則，包含全域 scope (window) 以及物件 scope (不包含 closures)
• 了解執行 context scope 以及 this 的使用
• 了解各種生成物件以及宣告物件的方法，包含函式本身也是物件的概念。
• 了解 JavaScript 的比較運算子的意義，例如 ‘>’，‘<“, “==”, “===”
  • == 與 === 可以稍微簡單解釋一下
    • == 會對運算元做完物件轉換（可能是隱性）之後再來做比較
    • === 則不會做物件轉換，並且必須連同 type 也要相同才會被認為是 equal
• 物件與陣列生成方式的不同

中階等級包含：

• 了解 timer 的使用，以及使用的時機以及使用的方式，比如用來當做非同步執行的方法。
  • 譯者之前寫過一篇文章有稍微提到使用 timer 來達到非同步執行的一些技巧
• 深度了解 callback 以及 function 的使用，例如透過 call 以及 apply 兩個 function 函式來改變 context 以及 function 參數傳遞。
• 了解  表示法以及eval函式。
• 了解 ，包含對於效率的影響，以及如何透過 (function(){}()) 達成 。
• 了解  以及 。

casino livecon i dealer dal vivo. line-height: 24px; margin: 0px 0px 0.8125em; outline: 0px; padding: 0px; vertical-align: baseline;”>進階等級包含：

• 了解  ‘arguments’ 以及如何利用 ‘arguments’ 以及 ‘arguments.length’ 達成function overloading。以及利用 arguments.callee 產生遞迴呼叫。特別要注意的是 arguments.callee 可能會有點問題因為 ECMAScript 5 Strict Mode 並沒有支援 callee。不過 jQuery以 及 Dojo 都有用到就是了。
• 進階的 closures 應用，例如 ，，以及 。
• Function 與 html prototyping(prototype chain)，並且知道如何 reuse 既有的 JS Objects 與函式 (例如array)
• 物件型別，以 及 instanceof 與 typeof 的使用
• Regular expression
• with 敘述式，以及為什麼不應該用 with
• 最難的在於把所有這些串接在一起組成乾淨的強大的快速的好維護並且跨瀏覽器的程式碼

• 有效率的新增，移除，改變 DOM nodes。包含透過一些工具(例如，)來盡可能減少瀏覽器的 re-flows。
  • 這一點在譯者之前的提升 JavaScript 的效能一文中有稍微提到。
• 以跨瀏覽器的方式去存取DOM元件的資訊。最後是透過一些既有的 jQuery/Dojo 框架。很重要的是必須了解來自 CSS 或是 style tag 或是運算過後的屬性之中的差異性。
• 跨瀏覽器的事件處理，繫結，反繫結，事件傳遞 (bubbling)，以及如何達到想要的 callback context。一樣，這些最後是透過既有的 framework 來做，但是開發者還是必須瞭解背後的原理。
  • 譯者認為 event bubbling 是ㄧ個很重要的觀念，尤其如果一開始就很習慣使用 jQuery (或其他 framework) 在做 event binding 的時候很容易就忽略掉這一塊，但如果對 event bubbling 不了解的話很容易在 DOM element 有重疊的時候會出現一些自己無法預期，或是明明原本做得到，但卻因為不了解特性而繞路的做法。
• 擴充物件屬性 (expando) 與屬性設定 (attribute setting) 的差異，包含效能的差異以及既有同名屬性的差異。
  • expando 的效率遠勝於 attribute setting ( 尤其在 IE 上)
• 用來抽取 DOM node 的 regular expression
  • 其實譯者自己也對 regular expression 不熟 (慚愧)
• 有效的瀏覽器功能偵測以及適當的防錯機制

K

我是 K，以前幻想著可以做些偉大的事。但發現把一件簡單的事情做到很好就是一件很難又很厲害的事。所以現在正處於一個把簡單的事情做好的狀態。