Object.prototypeのconstructorプロパティ

constructorプロパティのことを知らなかったのでメモ。

function Hoge() {
    this.piyo = function() {
        console.log('(o e o)/');
    }
}

function Fuga() {
    this.piyo = function() {
        console.log('ﾋﾟﾖﾋﾟﾖ');
    }
}

var hoge = new Hoge();
var fuga = new hoge.constructor();

// (o e o)/
hoge.piyo();
fuga.piyo();

// Hogeオブジェクトの中身
console.log(hoge.constructor.toString());
console.log(fuga.constructor.toString());

// すべてtrue
console.log(hoge.constructor === Hoge);
console.log(hoge.constructor === Hoge.prototype.constructor);
console.log(fuga.constructor === Hoge);
console.log(fuga.constructor === Hoge.prototype.constructor);
console.log(hoge.constructor === fuga.constructor);

// constructorプロパティの上書き
fuga.constructor = Fuga;

var piyo= new fuga.constructor();

// ﾋﾟﾖﾋﾟﾖ
piyo.piyo();

// Fugaオブジェクトの中身
console.log(piyo.constructor.toString());

なるほど、constructorプロパティは上書きできてしまうのですね。

• IE8で採用されたconstructorプロパティ

上記URLの内容は、constructorプロパティが実装されたことで、HTMLElement系のコンストラクタ関数を取得することができたってことなのかなー。。

参考にさせていただいたページ

• http://d.hatena.ne.jp/daisun/20080524/1211617047
• https://developer.mozilla.org/ja/Core_JavaScript_1.5_Reference/Global_Objects/Object/constructor