お帰りなさい。
このビデオでは、プロトタイプについて説明します。
最初にプロトタイプオブジェクトを理解し、Dunder
Pratoプロトタイプとコンストラクタの関係を記述し、ダイアグラムを作成してプロトタイプオブジェクトにメソッドとプロパティを追加し、より効率的なコードを記述します。
最後に、メソッドとプロパティをプロトタイプに追加する方法とコンストラクタ関数を追加する方法の違いについて説明します。
しかし、プロトタイプを深く理解する前に、新しいキーワードでもう一度すばやく見直してみましょう。最初に薄い空気からオブジェクトを作成します。
次に、キーワードの値を前のステップで作成したオブジェクトに設定します。
3番目に、コンストラクタ関数にリターンを追加します。
最後に、作成されたオブジェクトとコンストラクタ関数のプロトタイププロパティの間でDunder
Pratoとしてアクセスできるリンクを作成します。
その点についてもう少し話しましょう。
今のところ、この関係を図解しましょう。
この図であまり心配しないでください。
それをガイドとして段階的に歩みましょう。
円は関数であり、正方形はオブジェクトです。
ここでは、元のコンストラクタ関数を指すコンストラクタと呼ばれるプロパティをオブジェクトに持つオブジェクトであるprototypeというプロパティを持つpersonコンストラクタ関数があります。
プロパティまたはメソッドがpersonプロトタイプに置かれている場合、コンストラクタ関数によって作成されたこれらのオブジェクトがプロトタイプオブジェクトにアクセスする方法は、寄稿者Pratoリンクを経由する方法でコンストラクタ関数から作成されたオブジェクトからアクセスできます。
このリンクは、新しいキーワードが使用されたときに確立されます。
すべてのコンストラクタ関数を要約すると、prototypeというプロパティがあります。
プロトタイププロパティは、メソッドとプロパティをアタッチできるオブジェクトです。
これらのメソッドとプロパティは、そのコンストラクタ関数から作成された任意のオブジェクトによって共有され、アクセス可能です。
新しいキーワードが使用されたとき。
さて、コード例を見てみましょう。
私はこのコードをコピーしてクロムコンソールに貼り付けて、その行を歩いて行くことができます。
まず、nameという名前のプロパティを持つpersonというコンストラクタ関数があります。
私は関数を作成して以来、プロトタイプと呼ばれる関数上にプロパティが存在することをすでに知ることができます。
今度は、新しいキーを使って、私のコンストラクタ関数からLPと呼ばれる2つのオブジェクトを作成します。
私は新しいキーワードを使用するので、personコンストラクタのprototypeプロパティを指すDunder
produと呼ばれるこれらのオブジェクトのそれぞれにプロパティが追加されています。
次のビデオで、このプロトタイププロパティがなぜ有用であるかについて説明します。
最後に、プロトタイプオブジェクトには、元のコンストラクタ関数を指すコンストラクタというプロパティがあります。
コンストラクタのプロパティは頻繁に使用または操作するものではありませんが、このビデオを終了する前に別のシリーズで説明する継承という概念の重要な部分です。
私はもう一度それを上に行くことができるように、図に2つのスライドを戻したいです。
円は関数であり、四角はオブジェクトであることを忘れないでください。
そこでここでは、人のコンストラクタ関数から作成されたEllieとcoldという2つのオブジェクトがあります。
緑色の円。
新しいキーワードは作成時に使用します。
これらの各オブジェクトには、人のコンストラクタのプロトタイププロパティを指すDunder Pradoというプロパティがあります。
次のビデオでは、プロトタイプオブジェクトを調べて、それがどれほど有用であるかを見ていきます。
それを見て