[JavaScript] オブジェクトを定義する

このページのタグ:[JavaScript]
JavaScriptでのオブジェクト定義(クラス宣言)について紹介します。

オブジェクト定義 (クラス宣言)

JavaScriptではオブジェクトは関数が返すオブジェクト型にメンバを追加する形で実装します。
関数内にメンバ変数やメソッドを定義する書式になります。

コード例


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 
  Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript" language="javascript">
        /* オブジェクトの作成 */
        function product() {
            this.name = "LemonCandy";
            this.price = 150;
        }

        window.onload = function onLoad() {
            target = document.getElementById("output");
            prod = new product();
            target.innerHTML = prod.name + " = \\" + prod.price;
        }
    </script>
    </head>
<body>
    <div id="output"></div>
</body>
</html>

簡易オブジェクト定義

ブラウザによっては下記の簡易型のオブジェクト定義の書式も使えます。

コード例


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 
  Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript" language="javascript">
    /* 簡易オブジェクトの作成 */
    var obj = {
        name: "LemonCandy",
        price: 150
    }

    window.onload = function onLoad() {
        target = document.getElementById("output");
        target.innerHTML = obj.name + " = \\" + obj.price;
    }
    </script>
</head>
<body>
    <div id="output"></div>
</body>
</html>
プライバシー    iPentecについて
iPentec all rights reserverd. (ISDC)