JavaScript/オブジェクト指向構文/インスタンスメソッド（メソッド） - プログラミングの勉強をしよう@Wiki

Top > JavaScript > オブジェクト指向構文 > インスタンスメソッド（メソッド）

インスタンスメソッド（メソッド）

概要

インスタンスメソッド定義してインスタンスの処理を行う

特徴
　コンストラクタで定義
　newキーワードで定義後に動的に追加も可能

定義

var MyClass = function(){
    // メソッド定義
    this.メソッド名 = function(){
        // 処理
    }    
};
 
 

コンストラクタに定義

ソース

// オブジェクト定義
var MyClass = function(){
    // メソッド１
    this.getData01 = function(){
        return 'Object Test01 <br />';
    }
 
    // メソッド２
    this.getData02 = function(){
        return 'Object Test02 <br />';
    }
};
 
// オブジェクトのインスタンスを生成して実行
var obj1 = new MyClass();
 
// 結果を出職
document.writeln(obj1.getData01());
document.writeln("<br />");
 
document.writeln(obj1.getData02());
document.writeln("<br />");
 
 

結果

Object Test01
 
Object Test02
 
 

動的にメソッドを追加

ソース

// オブジェクト定義
var MyClass = function(){
    // メソッド１
    this.getData01 = function(){
        return 'Object Test01 <br />';
    }
};
 
// オブジェクトのインスタンスを生成して実行
var obj1 = new MyClass();
 
// 結果を出職
document.writeln(obj1.getData01());
document.writeln("<br />");
 
// 動的にメソッドを追加
obj1.getData03 = function(){
    return 'Object Test03 <br />';
}
 
document.writeln(obj1.getData03());
document.writeln("<br />");
 
 

結果

Object Test01
 
Object Test03