BLOG ENTRY

javascriptで独自オブジェクトを作成する

javascriptクライアントサイドのjavascriptが最近おもしろいです。。

javascriptで独自オブジェクトを作成してみる。

オブジェクトを作成して、プロパティとメソッドを定義する。
[php]
<script type="text/javascript">
//<![CDATA[
//インスタンスの作成
obj = new Object();

//プロパティ定義
obj.name = "次長";
obj["name2"] = "課長";

//メソッド定義
obj.showName = function() {
document.write(this.name);
document.write(this.name2);
document.write(this["name"]);
document.write(this["name2"]);
}

//メソッド呼び出し
obj.showName();
//]]>
</script>
[/php]

で、上記コードの内容は、下記の書き方(オブジェクト初期化子)でも書ける。
[php]
<script type="text/javascript">
//<![CDATA[
obj = {
//プロパティ定義
name : "次長",
name2 : "課長",

//メソッド定義
showName : function() {
document.write(this.name);
document.write(this.name2);
document.write(this["name"]);
document.write(this["name2"]);
}
};

//メソッド呼び出し
obj.showName();
//]]>
</script>
[/php]

オブジェクトのプロパティを列挙する場合はfor~in文を使う。
[php]
<script type="text/javascript">
//<![CDATA[
//プロパティ(メソッド込み)の列挙
for (output in obj) {
document.write("プロパティ名 = " + output + ", 値 = " + obj[output] + "
");
}
//]]>
</script>
[/php]

メソッドを列挙に含めない場合は以下。
[php]
<script type="text/javascript">
//<![CDATA[
//プロパティ(メソッド除外)の列挙
for (output in obj) {
if (typeof obj[prop] != ‘function’) {
document.write("プロパティ名 = " + output + ", 値 = " + obj[output] + "
");
}
}
//]]>
</script>
[/php]

終わり。

関連記事

  • name:AJAX(非同期通信)リクエストをPrototypeとjQueryで行う[AJAX][JS] | Web&MUSICブログ QUALL
  • date:2008/10/25
  • […] javascriptで独自オブジェクトを作成する comments(0) DATE2008.10.25 […]

  • type:ピンバック [ ]

  • name:JSでイベントリスナーやらでバリデートの実装いろいろ[DOM][JavaScript] | Web&MUSICブログ QUALL
  • date:2009/01/01
  • […] javascriptで独自オブジェクトを作成する comments(4) DATE2008.10.24 […]

  • type:ピンバック [ ]

  • name:formの複数選択のselectボックスの値をJSで取得する[JavaScript] | Web&MUSICブログ QUALL
  • date:2009/09/01
  • […] javascriptで独自オブジェクトを作成する comments(4) DATE2008.10.09 […]

  • type:ピンバック [ ]

  • name:JSでイベントリスナーやらでバリデートの実装いろいろ[DOM][JavaScript] | Web&MUSICブログ QUALL
  • date:2009/09/01
  • […] javascriptで独自オブジェクトを作成する comments(6) DATE2008.10.24 […]

  • type:ピンバック [ ]

  • name:イベントハンドラを使わないでデザインとロジックを分割[DOM][JavaScript] | Web&MUSICブログ QUALL
  • date:2009/11/11
  • […] javascriptで独自オブジェクトを作成する […]

  • type:ピンバック [ ]

    WRITE COMMENT


    (required)


    (required)


    (required)

    MENU

    veltica creative of twitter