JavaScriptのプロトタイプ継承について



JavaScriptのプロトタイプ継承について、以下にまとめた。

下記の本に詳細に書かれており、非常に参考になった。

パーフェクトJavaScript (PERFECT SERIES 4) 井上 誠一郎  (著), 土江 拓郎 (著), 浜辺 将太 (著)

勉強中のため、間違いがあれば指摘をいただけると幸いである。

プロトタイプ継承とプロトタイプチェーン

プロトタイプ継承は、下記のように定義できると思う。
コンストラクターのprototypeプロパティが参照するオブジェクトのプロパティが、インスタンスに継承される仕組み
これにより、効率的なインスタンスメソッドの実装や、Javaのような継承を実装できる。

下記のJavaScriptの仕様を利用している。
  • コンストラクターは、関数である
  • 関数は、オブジェクトである
  • 全ての関数は、prototypeという名前のプロパティを持つ
  • 全てのオブジェクトは、オブジェクト生成に使ったコンストラクターのprototypeプロパティが参照するオブジェクトへの隠しリンク（暗黙リンク）を持つ
オブジェクトのプロパティが読み込まれる時は、プロパティは下記の順で探される。この仕様が、プロトタイプチェーンである。
  1. オブジェクト自身のプロパティ
  2. 暗黙リンク先のオブジェクトのプロパティ
  3. 暗黙リンク先のオブジェクトの、暗黙リンク先のオブジェクトのプロパティ
  4. これを繰り返し、Object.prototypeが参照するオブジェクトで終わる
上述した内容を図で表すと、下図のようになる。




上図により、インスタンスメソッドを定義する下記のコードや、

var Person = function(name) {
this._name = name;
}

Person.prototype.getName = function() {
return this._name;
}

継承する際の下記のコードについて、理解が深まると思う。

var Dog = function() {}
Dog.prototype = new Animal();


プロトタイプ継承を使ったインスタンスメソッドの実装

インスタンスメソッドは、プロトタイプ継承を使わずに下記のようにも書けるが、
var Person = function(name) {
this._name = name;
this.getName = function() {
return this._name;
}
}

下記のように、プロトタイプ継承を使った方が、メモリー効率、実行効率が良い。
var Person = function(name) {
this._name = name;
}

Person.prototype.getName = function() {
return this._name;
}

理由は、下記の通り。

  • 前者は、全てのインスタンスが、同じメソッド定義の実体の複製を持つ。
  • 後者は、暗黙リンクにより、コンストラクターのprototypeが参照するオブジェクトのプロパティが、全てのインスタンスで共有される。
以下に補足する。
var Person = function(name) {
this._name = name;
this.getName = function() {
return this._name;
}
}
var person = new Person('Yamada');

上記コードの動きは、下記の通りである。

  1. newにより、空のオブジェクトが作られる
  2. newで呼び出されたコンストラクター内では、thisは、作られた空のオブジェクトを参照する
  3. this._name = nameなどにより、空のオブジェクトにプロパティが設定される
  4. 変数personに、作られたオブジェクトへの参照が返る










 newで作られた空オブジェクトにメソッドの領域が確保されるため、newするごとにメソッド定義が複製されてしまい、全てのインスタンスが、同じメソッドの実体を持つことになる。メモリーの使い方が、非効率的である。

対して、プロトタイプ継承を使った方法では、暗黙リンクにより、コンストラクターのprototypeが参照するオブジェクトのプロパティが、全てのインスタンスで共有される。
よって、コンストラクターのprototypeが参照するオブジェクトにメソッドを定義すれば、メソッドの実体は一つであり、メモリー効率、実行効率が良い。

暗黙リンク先のオブジェクトの取得

暗黙リンク先のオブジェクトは、オブジェクトの__proto__プロパティか、Object.getPrototypeOfメソッドにより取得できる。
インスタンス. __proto__と、コンストラクター. prototypeは、同じである。

test.js
var Animal = function() {};
Animal.prototype.breath = function() {};
var Person = function() {};
Person.prototype = new Animal()
Person.prototype.speak = function() {};

var person = new Person();
console.log(person.__proto__ === Person.prototype)
console.log(person.__proto__)
console.log(person.__proto__.__proto__)
console.log(person.__proto__.__proto__.__proto__)
console.log(person.__proto__.__proto__.__proto__.__proto__)

上記の実行結果は、上に述べてきた内容と一致する。

$ node test.js 
true
Animal { speak: [Function] }
Animal { breath: [Function] }
{}

null

 プロトタイプ継承されるのは、コンストラクター自身のプロパティや、インスタンスのprototypeが参照するオブジェクトのプロパティではなく、コンストラクターのprototypeが参照するオブジェクトのプロパティであることが、確認できると思う。

コメント

コメントを投稿

このブログの人気の投稿

PowerShell 6で、Shift_JISのCSVをImport-Csvで読み込んだら文字化けした

Follow @venividivici830 PowerShell 4で作ったShift_JIS（シフトJIS）のCSVを読み込むスクリプトを、PowerShell 6で動かしたら文字化けした話。 結論としては、下記のようにすればOK。 > Import-Csv -Encoding ([System.Text.Encoding]::GetEncoding(932)) path_to_csv_file 現象 PowerShell 4では、 このページ にあるように、Import-Csvコマンドレットのオプションとして、-Encoding defaultを付ければよかった。 ところが、PowerShell 6では上手くいかない。 例えば、下記のようなshift-jisのCSVがある。 名前,年齢 田中,20 山田,10 これを、-Encoding defaultオプションで読み込むと、 > Import-Csv -Encoding default ./test.csv                        O N ---- ---- c 20   Rc 10   このように文字化けする具合だ。 原因 まず、「default」がutf-8に変わったのが原因のようだ。 .NET Framework クラスライブラリーの、System.Text名前空間の、Encodingクラスの、Defaultプロパティーを確認した。 > [ System.Text.Encoding ]:: Default BodyName           : utf-8 EncodingName       : Unicode (UTF-8) HeaderName         : utf-8 WebName       ...
続きを読む

Windowsで、特定のユーザーに特定のサービスの再起動を許可する

Follow @venividivici830 Windowsで、ユーザーごとに、サービスレベルで操作権限（サービスの開始、停止など）を与える話です。 流れとしては、 scコマンドで、サービスの随意アクセス制御リスト (DACL) に対し、セキュリティ記述子定義言語 (SDDL) 構文で、アクセス制御情報を追加する ことになります。 これにより、あるユーザーはOracleの再起動だけ許可、あるユーザーはTomcatの再起動だけ許可、など、細かい権限設定が可能です。 サーバーのマシン自体の再起動権限は与えられないけど、アプリケーションサーバープログラムや、DBサーバープログラムの再起動だけは許可したい、などのシチュエーションに使えます。 サービスのDACLは、名の通り、サービス単位で権限を制御するためのACLです。 SDDLは、ACLを文字列で記述するための構文です。 「;」で各フィールドを区切る形です。詳細については、 こちら 。に公式ドキュメントｇ サービスの操作権限をユーザーレベルで制御するには、最低限、下記のように3つのフィールドを設定すれば良いようです。 (許可 (A)/拒否 (D);;アクセス許可の文字列;;; SID ) ;;や;;;って何だよ、と最初見た時思いましたが、フィールドが空で、デリミター（;）だけが並んでいるだけですね。 許可 (A)/拒否 (D) には、サービスに対する特定の操作を 許可する場合はA、拒否する場合はD を設定します。 （許可または拒否する）サービスに対する特定の操作は、 アクセス許可の文字列 で設定します。 このページ に、 アクセス許可の文字列 に設定できる値が一覧されています。 再起動の場合は、RP(Start)とWP(Stop)の操作を許可すれば良いので、RPWP を指定すれば良いです。 SID は、ユーザーオブジェクトに固有のIDで、要はユーザーのIDです。権限を付与したいユーザーのSIDを指定します。 権限を付与したいユーザーで、 コマンドプロンプトからwhoamiコマンドをuserオプション付きで実行することにより、SIDを取得できます。 > whoami /user WIndowsにもwhoamiコマンドがあったんですね。知らなかった。 まと...
続きを読む

PowerShellでイベントログを取得する時、「指定した選択条件に一致するイベントが見つかりませんでした。」が煩わしいのでcatchする

Follow @venividivici830 Windowsサーバーを点検する時など、イベントログをPowerShellで操作すると便利です。 Get-WinEventコマンドレットでイベントログを取得できますが、指定した条件に当てはまるイベントログがない場合、下記のエラーがスローされます。 Get-WinEvent : 指定した選択条件に一致するイベントが見つかりませんでした。 〜 NoMatchingEventsFound, 〜 NoMatchingEventsFoundが示すように、ただ指定した条件にマッチするイベントがなかっただけなので、条件としてエラーのレベルを「重大」や「エラー」にした場合は、特に問題ないことが多い。 エラーとして赤文字でコンソールに出力されるのは煩わしいので、catchする。 下記は、スクリプトの例。 $ErrorActionPreference = "Stop" $today = Get-Date $from = $today.AddMonths(-1) $filter = @{LogName="system"; Level=1; StartTime=$from} try { Get-WinEvent -FilterHashtable $filter } catch { $category = $Global:Error[0].CategoryInfo.Category.ToString() if ($category -eq "ObjectNotFound") { # 問題ない } else { # Error Handling } } 上の例では、過去1ヶ月分の、WIndowsログ→システムの、エラーレベルが「重大」のログを取得している。 下記の部分のsystemを「application」に変えれば、アプリケーションのログを取得できる。 また、Level=2、3とすることで、それぞれエラーレベルが「エラー」、「警告」のログを取得できる。 $filter = @{LogName="system"; Level=1; StartTime...
続きを読む