読者です 読者をやめる 読者になる 読者になる

フロントサイドエンジニアという選択肢

HTMLコーダー → ECサイト運営 → システムエンジニア という経歴の著者がフロントサイトエンジニアという職業に今後の活路を見出し、その道に進むために取得した技術を貯めておくブログ

Javascriptでのクラス作成

Javascriptオブジェクト指向ですが、プロトタイプベースと呼ばれる言語で、クラスの概念はありません。ただし、プロパティやメソッドを持つオブジェクトを生成することが出来るため、クラスインスタンスと同じようなものを作成することは可能です。また、Javascriptにもコンストラクタの概念はあり、JavaC#と同じように定義されています。 ちなみに、Javascriptではプロパティやメソッドを持つオブジェクトを返す関数をコンストラクタといいます。

以下はコンストラクトとインスタンスの作成例です。

// 四角形に関する情報を持つオブジェクトを生成するコンストラクタ
function square(width, height)
{
    this.width = width;
    this.height = height;
    
    // 四角を「■」で表現するメソッド
    this.show = function()
    {
        for(h=0; h<this.height; h++)
        {
            for(w=0; w<this.width; w++)
            {
                document.write('■');
            }
            document.write('<br />');
        }
    };
}
    
// インスタンス生成して3×2の長方形を表示する
var rect = new square(3,2);

rect.show();

// 結果:
// ■■■
// ■■■