JavaScript でありがちなシマッタ／(＾o＾)＼

弾さんの「JavaScriptでありがちな9つのシマッタ」を読んで。

「1. 尻カンマ注意」は良くやってしまいます。そんなある時に

var theObj = {
   dummy: null
}

というテンプレを作っておいて、その上にガシガシコードを書いていけば尻カンマにはまることもないんじゃないか、と思いつきました。いまもそうしてますが、結局のところ長い関数を書き終わった後にセミコロンで締めちゃったりして、orz となってしまうこともしばしばだったりします。

次の「2. 浮気なthisは何を見てるやら」も良くやってしまいますが、もう今日日、代入でイベントハンドラを設定するコードは自分では書かないのが主流ではないでしょうか。YUI のYAHOO.util.Event.addListener だと、リスナー関数の this に任意のオブジェクトを束縛できるので便利ですし、prototype .js 1.6.0 は Release Candidate が発表されてるみたいですが、Event.observe は自動的にイベントのターゲットエレメントがリスナー関数ないの this に束縛されるようになるみたいです。 といううことでイベントハンドラの登録はライブラリを使いましょう。そうすれば this の浮気性も少しはマシになるのかも。

個人的にハマった経験があるのはこの 2 つ。