1
00:00:00,420 --> 00:00:01,470
お帰りなさい。

2
00:00:01,470 --> 00:00:04,840
このビデオでは、プロトタイプについて説明します。

3
00:00:04,920 --> 00:00:10,590
最初にプロトタイプオブジェクトを理解し、Dunder

4
00:00:10,590 --> 00:00:16,290
Pratoプロトタイプとコンストラクタの関係を記述し、ダイアグラムを作成してプロトタイプオブジェクトにメソッドとプロパティを追加し、より効率的なコードを記述します。

5
00:00:16,290 --> 00:00:18,720
 

6
00:00:18,750 --> 00:00:23,730
最後に、メソッドとプロパティをプロトタイプに追加する方法とコンストラクタ関数を追加する方法の違いについて説明します。

7
00:00:24,060 --> 00:00:25,890
 

8
00:00:26,370 --> 00:00:31,920
しかし、プロトタイプを深く理解する前に、新しいキーワードでもう一度すばやく見直してみましょう。最初に薄い空気からオブジェクトを作成します。

9
00:00:32,610 --> 00:00:35,730
 

10
00:00:35,730 --> 00:00:42,180
次に、キーワードの値を前のステップで作成したオブジェクトに設定します。

11
00:00:42,190 --> 00:00:46,200
3番目に、コンストラクタ関数にリターンを追加します。

12
00:00:46,200 --> 00:00:53,280
最後に、作成されたオブジェクトとコンストラクタ関数のプロトタイププロパティの間でDunder

13
00:00:53,280 --> 00:00:55,950
Pratoとしてアクセスできるリンクを作成します。

14
00:00:55,950 --> 00:00:58,020
その点についてもう少し話しましょう。

15
00:00:58,050 --> 00:01:01,330
今のところ、この関係を図解しましょう。

16
00:01:01,440 --> 00:01:03,170
この図であまり心配しないでください。

17
00:01:03,240 --> 00:01:06,330
それをガイドとして段階的に歩みましょう。

18
00:01:06,330 --> 00:01:10,280
円は関数であり、正方形はオブジェクトです。

19
00:01:10,290 --> 00:01:16,500
ここでは、元のコンストラクタ関数を指すコンストラクタと呼ばれるプロパティをオブジェクトに持つオブジェクトであるprototypeというプロパティを持つpersonコンストラクタ関数があります。

20
00:01:17,250 --> 00:01:23,160
 

21
00:01:24,360 --> 00:01:31,320
 

22
00:01:31,320 --> 00:01:37,860
 

23
00:01:38,190 --> 00:01:43,650
プロパティまたはメソッドがpersonプロトタイプに置かれている場合、コンストラクタ関数によって作成されたこれらのオブジェクトがプロトタイプオブジェクトにアクセスする方法は、寄稿者Pratoリンクを経由する方法でコンストラクタ関数から作成されたオブジェクトからアクセスできます。

24
00:01:43,890 --> 00:01:47,720
このリンクは、新しいキーワードが使用されたときに確立されます。

25
00:01:47,940 --> 00:01:52,860
すべてのコンストラクタ関数を要約すると、prototypeというプロパティがあります。

26
00:01:52,860 --> 00:01:58,150
プロトタイププロパティは、メソッドとプロパティをアタッチできるオブジェクトです。

27
00:01:58,200 --> 00:02:04,320
これらのメソッドとプロパティは、そのコンストラクタ関数から作成された任意のオブジェクトによって共有され、アクセス可能です。

28
00:02:04,320 --> 00:02:05,100
 

29
00:02:05,130 --> 00:02:07,620
新しいキーワードが使用されたとき。

30
00:02:07,710 --> 00:02:10,360
さて、コード例を見てみましょう。

31
00:02:10,410 --> 00:02:14,370
私はこのコードをコピーしてクロムコンソールに貼り付けて、その行を歩いて行くことができます。

32
00:02:15,180 --> 00:02:20,560
まず、nameという名前のプロパティを持つpersonというコンストラクタ関数があります。

33
00:02:20,610 --> 00:02:26,220
私は関数を作成して以来、プロトタイプと呼ばれる関数上にプロパティが存在することをすでに知ることができます。

34
00:02:27,480 --> 00:02:33,830
今度は、新しいキーを使って、私のコンストラクタ関数からLPと呼ばれる2つのオブジェクトを作成します。

35
00:02:34,350 --> 00:02:40,110
私は新しいキーワードを使用するので、personコンストラクタのprototypeプロパティを指すDunder

36
00:02:40,110 --> 00:02:43,400
produと呼ばれるこれらのオブジェクトのそれぞれにプロパティが追加されています。

37
00:02:43,710 --> 00:02:48,360
次のビデオで、このプロトタイププロパティがなぜ有用であるかについて説明します。

38
00:02:48,360 --> 00:02:53,910
最後に、プロトタイプオブジェクトには、元のコンストラクタ関数を指すコンストラクタというプロパティがあります。

39
00:02:53,910 --> 00:02:55,440
 

40
00:02:55,530 --> 00:03:00,540
 

41
00:03:00,540 --> 00:03:06,150
コンストラクタのプロパティは頻繁に使用または操作するものではありませんが、このビデオを終了する前に別のシリーズで説明する継承という概念の重要な部分です。

42
00:03:06,360 --> 00:03:11,070
私はもう一度それを上に行くことができるように、図に2つのスライドを戻したいです。

43
00:03:11,340 --> 00:03:15,480
円は関数であり、四角はオブジェクトであることを忘れないでください。

44
00:03:15,480 --> 00:03:20,820
そこでここでは、人のコンストラクタ関数から作成されたEllieとcoldという2つのオブジェクトがあります。

45
00:03:21,270 --> 00:03:22,290
緑色の円。

46
00:03:22,290 --> 00:03:24,780
新しいキーワードは作成時に使用します。

47
00:03:24,960 --> 00:03:30,960
これらの各オブジェクトには、人のコンストラクタのプロトタイププロパティを指すDunder Pradoというプロパティがあります。

48
00:03:30,960 --> 00:03:32,530
 

49
00:03:32,940 --> 00:03:38,010
次のビデオでは、プロトタイプオブジェクトを調べて、それがどれほど有用であるかを見ていきます。

50
00:03:38,010 --> 00:03:38,460
それを見て