JavaScript - カスタムオブジェクトと例外の処理(定義)

初めてのJavaScript 第2版
Shelley Powers (著)
武舎 広幸、武舎 るみ (訳)

開発環境

• OS X Lion - Apple(OS)
• Safari (Webプラウザ)
• TextWrangler(Text Editor) (BBEditの無料、light版)
• Script言語:JavaScript
• JavaScript Library: jQuery

『初めてのJavaScript 第2版』(シェリー・パワーズ著(Shelley Powers著)、武舎 広幸+武舎 るみ訳、オライリー・ジャパン、2009年、ISBN978-4-84312-225-5) の13章(カスタムオブジェクトと例外の処理)練習問第13-5を解いてみる。

その他参考書籍

• JavaScript 第6版
• JavaScriptリファレンス 第6版
• 『jQueryクックブック』(jQuery Community Experts 著、株式会社クイープ 訳、オライリー・ジャパン、2010年、ISBN978-4-87312-268-2)

13-5.

コード(TextWrangler)

<script>
var Obj = function(){
  var background = "#fff";
  var state = "on";
  this.changeState = function(){
    if(state === "on"){
      state = "off";
      background = "#000";
    } else {
      state  = "on";
      background = "#fff";
    }
  };
  this.getColor = function(){
    return background;
  };
  this.getState = function(){
    return state;
  };
};
var obj = new Obj();
var f = function(){
  color = obj.getColor();
  state = obj.getState();
  $('#d0').attr('style', "background:" + color);
  var result = "color: " + color + ", state: " + state;
  $('#p0').text(result);
  obj.changeState();
};
</script>
<input type="button" value="changeState" onclick="f()"/>
<pre id="p0" style="border:1px solid #bbb;background:#eee !important;padding:0.5em;"></pre>