関数オブジェクトのプロパティ : JavaScript

Tweet

Pocket

関数オブジェクト^[1]のプロパティはコンストラクタプロパティ、インスタンスプロパティ、(インスタンス)prototypeプロパティがある。

• コンストラクタプロパティ
  コンストラクタ自身に定義したプロパティ。関数オブジェクトはデフォルトのとしてlength, prototypeを持つ。
• (インスタンス)prototypeプロパティ
  prototypeに設定したプロパティ。prototypeは関数オブジェクトを拡張する。
• インスタンスプロパティ
  thisキーワードで宣言するプロパティ。

function Foo(value) {
    this.name = value;
    // インスタンスメソッド
    // インスタンスごとにメモリを確保する。メモリの面はprototypeメソッドが効率的。
    this._getName = function() {
        console.log(this.name);
    }
}
Foo.getLength = function() {
    console.log(Foo.length); // lengthはFooコンストラクタプロパティ   
};
Foo.getProto = function() {
    console.log(Foo.prototype); // prototypeはコンストラクタプロパティ
};
// prototypeメソッド
Foo.prototype.protoGetName = function() {
    console.log(this.name);
};

// コンストラクタメンバ
Foo.getLength();         // 1
Foo.getProto();          // Foo.prototype
// インスタンスメンバ
var foo = new Foo('foo');
foo.getName();            // foo
foo.protoGetName();           // foo

Arrayのコンストラクタプロパティ、prototype(インスタンス)プロパティ、インスタンスプロパティの例。

コンストラクタプロパティのlengthはコンストラクタの引数の数。Arrayは１つ。

function Foo(x , y, z) {
}
console.log(Foo.length); // 3

[1] この記事の関数オブジェクトはコンストラクタ関数を想定している。