[JavaScript] Levels of JavaScript Knowledge

最近看到鐵神的舊文,簡單的評估一下自己的JavaScript能力,沒想到我只有在等級五而已...

等級一：會使用內建的函式

alert("Hello World");

等級二：會使用自訂的function

var WORLD = "World";
function hello(who) {
  alert("Hello " + who);
};
hello(WORLD);

等級三：會在HTML標籤內使用事件觸發來呼叫JavaScript

<button onclick="hello(WORLD)">Say Hello</button>

等級四：懂得DOM的基本架構並且將事件觸發處理函式移到JavaScript區塊

<button id="hello">Say Hello</button>
var button = document.all.hello;
button.onclick = function() {
  hello(WORLD);
};

等級五：會使用標準的DOM加上事件(Event)撰寫JavaScript

var button = document.getElementById("hello");
button.addEventListener("click", function(event) {
  hello(WORLD);
}, false);

等級六：回歸到Object Base的JavaScript的設計方式

var Hello = new Binding({
  greet: function(who) {
    alert("Hello " + who);
  },
  
  onclick: function() {
    this.greet(Hello.WORLD)
  }
}, {
  WORLD: "World"
});
document.bind("#hello", Hello);

reference:
* Levels of JavaScript Knowledge
* [分享] JavaScript 知識等級