オブジェクトリテラル表記を使い、簡易オブジェクトを作成

ユーザー定義オブジェクトは、コンストラクタを使い作成することが多いが、簡易的なユーザー定義オブジェクトは、オブジェクトリテラル表記を使って作ることができる。

構文

var オブジェクト名 = { // オブジェクトのインスタンスを作成
    プロパティ名 :, // プロパティを定義
    メソッド名 : function ( 仮引数1, 仮引数2, 仮引数3, … 仮引数N ) { // メソッドを定義
        メソッド内処理文;
    }
};
オブジェクト名.プロパティ名;  // プロパティを呼び出す
オブジェクト名.メソッド名( 実引数1, 実引数2, 実引数3, … 実引数N ); // メソッドを呼び出す

サンプル

<script type="text/javascript">
var $taxObject = { // オブジェクトのインスタンスを作成
    $taxRate : 0.05, // プロパティを定義
    $taxIncludedPrice : function ( $arg ) { // メソッドを定義
        return $arg * ( 1 + this.$taxRate );
    },
    $taxRate100 : function () { // メソッドを定義
        return this.$taxRate * 100;
    }
};
document.write( '税込:' + $taxObject.$taxIncludedPrice( 100 ) + '円<br />' );
document.write( '税率:' + $taxObject.$taxRate + '<br />' );
document.write( '税率:' + $taxObject.$taxRate100() + '%<br />' );
</script>

↓↓↓出力結果↓↓↓

スポンサード リンク

カテゴリー: JavaScript, ユーザー定義オブジェクト, リファレンス パーマリンク