Object.create( prototype )メソッド

投稿日: 2013年6月4日作成者: alphasis

Object.create( prototype )メソッドは、引数「prototype」に指定したオブジェクトをプロトタイプ（原形・模範）とし、新たなオブジェクトを生成するメソッド。

構文

Object.create( prototype )

引数

prototype: プロトタイプ（原形・模範）として使用するオブジェクトを指定。

第２引数でプロパティを設定することもできる。それについては、「Object.create( prototype, descriptors )メソッド」のページへ。

戻り値

引数「prototype」に指定したオブジェクトをプロトタイプとする新たなオブジェクト。

サンプル

<script type="text/javascript">

var $sampleObjectA = {
$sampleProp: 'サンプルプロパティＡ',
sampleMethod: function () {
document.write( 'this.$sampleProp：' + this.$sampleProp + '<br />' );
}
}

var $sampleObjectB = Object.create( $sampleObjectA );
document.write( '$sampleObjectB.$sampleProp：' + $sampleObjectB.$sampleProp + '<br />' );
$sampleObjectB.sampleMethod();
$sampleObjectB.$sampleProp = 'サンプルプロパティＢ';
document.write( '$sampleObjectB.$sampleProp：' + $sampleObjectB.$sampleProp + '<br />' );
$sampleObjectB.sampleMethod();

var $sampleObjectC = Object.create( $sampleObjectA );
document.write( '$sampleObjectC.$sampleProp：' + $sampleObjectC.$sampleProp + '<br />' );
$sampleObjectC.sampleMethod();
$sampleObjectC.$sampleProp = 'サンプルプロパティＣ';
document.write( '$sampleObjectC.$sampleProp：' + $sampleObjectC.$sampleProp + '<br />' );
$sampleObjectC.sampleMethod();

$sampleObjectA.sampleMethod2 = function () {
document.write( '②this.$sampleProp：' + this.$sampleProp + '<br />' );
}
$sampleObjectC.sampleMethod2();

</script>

↓↓↓出力結果↓↓↓

カテゴリー: JavaScript, Objectオブジェクト, メソッド, リファレンス, 組み込みオブジェクトタグ: JavaScript 1.8.5 パーマリンク