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:18,720
먼저 프로토 타입 객체를 이해하고 Dunder Prato 프로토 타입과 생성자 사이의 관계를 설명하고 다이어그램을 작성한 다음 프로토 타입 객체에 메서드와 속성을 추가하여보다 효율적인 코드를 작성합니다.

4
00:00:18,750 --> 00:00:25,890
마지막으로 프로토 타입에 메소드와 속성을 추가하는 것과 생성자 함수를 추가하는 것의 차이점을 설명 할 수 있습니다.

5
00:00:26,370 --> 00:00:35,730
그러나 프로토 타입에 깊이 들어가기 전에 새로운 키워드로 한 번 더 빨리 살펴 보겠습니다. 처음에는 얇은 공기에서 객체를 만듭니다.

6
00:00:35,730 --> 00:00:42,180
두 번째로 키워드의 값을 이전 단계에서 생성 된 객체로 설정합니다.

7
00:00:42,190 --> 00:00:46,200
세 번째로 생성자 함수에 반환 값을 추가합니다.

8
00:00:46,200 --> 00:00:55,950
마지막으로 생성 된 객체와 생성자 함수의 프로토 타입 속성 사이에서 Dunder Prato로 액세스 할 수있는 링크를 만듭니다.

9
00:00:55,950 --> 00:00:58,020
그 점에 대해 좀 더 이야기 해 봅시다.

10
00:00:58,050 --> 00:01:01,330
더 나은 아직이 관계를 그려 보자.

11
00:01:01,440 --> 00:01:03,170
이 다이어그램을 너무 두려워하지 마십시오.

12
00:01:03,240 --> 00:01:06,330
가이드로 단계별로 살펴 보겠습니다.

13
00:01:06,330 --> 00:01:10,280
원은 함수이고 정사각형은 객체입니다.

14
00:01:10,290 --> 00:01:24,360
그래서 여기에 prototype이라는 속성이있는 person 생성자 함수가 있습니다.이 생성자는 원래 생성자 함수를 가리키는 constructor라는 속성이 객체에있는 객체입니다.

15
00:01:24,360 --> 00:01:43,650
프로퍼티 나 메소드가 사람 프로토 타입에 배치되면 해당 생성자 함수에서 생성 된 모든 객체에서 액세스 할 수 있습니다. 생성자 함수로 생성 된 객체가 프로토 타입 객체에 액세스하는 방식은 Donate Prato 링크를 통해 이루어집니다.

16
00:01:43,890 --> 00:01:47,720
이 링크는 new 키워드가 사용될 때 설정됩니다.

17
00:01:47,940 --> 00:01:52,860
모든 생성자 함수를 요약하면 프로토 타입이라는 속성이 있습니다.

18
00:01:52,860 --> 00:01:58,150
prototype 속성은 메소드와 속성을 첨부 할 수있는 객체입니다.

19
00:01:58,200 --> 00:02:05,100
이러한 메서드 및 속성은 해당 생성자 함수에서 만든 모든 개체에서 공유하고 액세스 할 수 있습니다.

20
00:02:05,130 --> 00:02:07,620
새 키워드가 사용 된 경우.

21
00:02:07,710 --> 00:02:10,360
이제 코드 예제에서 어떻게 보이는지 보겠습니다.

22
00:02:10,410 --> 00:02:14,970
이 코드를 복사하여 크롬 콘솔에 붙여 넣기로하고 각 행을 살펴볼 것입니다.

23
00:02:15,180 --> 00:02:20,560
먼저 name이라는 속성을 가진 person이라는 생성자 함수가 있습니다.

24
00:02:20,610 --> 00:02:27,480
함수를 만들었으므로 프로토 타입이라는 함수의 속성이 있음을 이미 볼 수 있습니다.

25
00:02:27,480 --> 00:02:33,830
이제는 새 키를 사용하여 생성자 함수에서 LP라는 두 객체를 만들려고합니다.

26
00:02:34,350 --> 00:02:43,400
새 키워드를 사용하기 때문에 person 생성자의 prototype 속성을 가리키는 Dunder produ라는 각 객체에 속성이 추가되었습니다.

27
00:02:43,710 --> 00:02:48,360
이 프로토 타입 속성이 왜 그렇게 유용한 지에 대해서는 다음 비디오에서 설명 할 것입니다.

28
00:02:48,360 --> 00:02:55,440
마지막으로 프로토 타입 객체에는 원래 생성자 함수를 가리키는 constructor이라는 속성이 있습니다.

29
00:02:55,530 --> 00:03:06,340
생성자 속성은 자주 사용하거나 조작하지 않을 것이지만이 비디오를 끝내기 전에 다른 시리즈에서 논의 할 상속이라는 개념에서 중요한 부분입니다.

30
00:03:06,360 --> 00:03:11,070
우리가 한 번 더 검토 할 수 있도록 몇 개의 슬라이드를 다이어그램으로 되돌리고 싶습니다.

31
00:03:11,340 --> 00:03:15,480
원은 함수이고 사각형은 객체라는 것을 기억하십시오.

32
00:03:15,480 --> 00:03:21,270
그래서 여기에 사람 생성자 함수에서 생성 된 Ellie와 cold라는 두 개의 객체가 있습니다.

33
00:03:21,270 --> 00:03:22,290
녹색 원입니다.

34
00:03:22,290 --> 00:03:24,780
새 키워드를 만들 때 사용합니다.

35
00:03:24,960 --> 00:03:32,530
이 객체들 각각은 person 생성자의 prototype 속성을 가리키는 Dunder Prado라는 속성을 가지고 있습니다.

36
00:03:32,940 --> 00:03:38,010
다음 비디오에서는 프로토 타입 객체를 검토하고 그것이 얼마나 유용했는지를 보겠습니다.