constructorプロパティ(JavaScript)

■ constructorプロパティの利用

JavaScriptでは、constructorプロパティを呼ぶことで自分を生成したオブジェクトのコンストラクタ関数を呼ぶことが出来ます。

view plainprint?

1. function MyObject(x) {  
2.    this.x = x;  
3. }  
4.   
5. var my = new MyObject(1);  
6.   
7. document.writeln("MyObject: " + my.constructor);   

function MyObject(x) {
   this.x = x;
}

var my = new MyObject(1);

document.writeln("MyObject: " + my.constructor); 

このような結果になります。

view plainprint?

1. MyObject: function MyObj(x) {  this.x = x; }  

MyObject: function MyObj(x) {  this.x = x; }

これは、定義した関数を表示しただけなので元の関数を変数として使用したものと同じ結果になります。

view plainprint?

1. document.writeln((my.constructor == MyObj)); <i class="comment">// true</i>  

document.writeln((my.constructor == MyObj)); // true

これを使用してインスタンスの直接のオブジェクトが調べられます。

view plainprint?

1. var arr = new Array(1, 2, 3, 4, 5);  
2. document.writeln(arr.constructor == Array); <i class="comment">// true</i>  
3. document.writeln(arr.constructor == Object); <i class="comment">// false</i>  
4. document.writeln(arr instanceof Object); <i class="comment">// true //instanceof演算子だとスーパークラスにもtrueになる</i>  

var arr = new Array(1, 2, 3, 4, 5);
document.writeln(arr.constructor == Array); // true
document.writeln(arr.constructor == Object); // false
document.writeln(arr instanceof Object); // true //instanceof演算子だとスーパークラスにもtrueになる

また基本型もラップされてラッパーオブジェクトとして評価されます。

view plainprint?

1. document.writeln((1).constructor == Number); <i class="comment">// true</i>  
2. document.writeln(("文字列").constuctor == String); <i class="comment">// true</i>  
3. document.writeln((function() {}).constructor == Function); <i class="comment">// true</i>   

document.writeln((1).constructor == Number); // true
document.writeln(("文字列").constuctor == String); // true
document.writeln((function() {}).constructor == Function); // true 

以上からconstructorプロパティはインスタンスが何のオブジェクトから生成されたか判定できるので有用です。

■ Objectオブジェクトの不思議な挙動

Objectオブジェクトのインスタンスでconstructorプロパティを生成する場合、引数を入れたObjectのインスタンスと比べるとエラーになります。

view plainprint?

1. var obj = new Object();  
2. document.writeln(obj.constructor == Object); <i class="comment">// true</i>  
3.   
4. obj = new Object(1);  
5. document.writeln(obj.constructor == Object); <i class="comment">// false</i>  

var obj = new Object();
document.writeln(obj.constructor == Object); // true

obj = new Object(1);
document.writeln(obj.constructor == Object); // false

なんだか変ですね。

参考:https://developer.mozilla.org/ja/Core_JavaScript_1.5_Reference/Global_Objects/Object/constructor