1
00:00:00,480 --> 00:00:06,720
마지막 비디오에서이 비디오의 new 키워드를 사용하여 생성자 함수에서 객체를 만드는 방법을 보았습니다.

2
00:00:06,720 --> 00:00:11,690
코드를 복제하지 않고 여러 생성자 함수를 사용하는 방법을 배우게 될 것입니다.

3
00:00:11,700 --> 00:00:13,790
여기 소재는 도전적 일 것입니다.

4
00:00:13,860 --> 00:00:18,810
따라서 앞으로 키워드를 사용하기 전에 키워드에 대한 동영상 시리즈를 시청했는지 확인하십시오.

5
00:00:18,810 --> 00:00:24,030
이제 우리는 자동차 용과 오토바이 용의 두 가지 생성자 함수가 있다고 상상해보십시오.

6
00:00:24,300 --> 00:00:31,660
두 가지 모두를위한 코드는 다음과 같습니다. 여기서는 new 키워드를 사용하여 객체를 생성하는 몇 가지 기능 만있는 것은 아닙니다.

7
00:00:31,890 --> 00:00:34,000
하지만이 코드에 대해서는별로 좋지 않습니다.

8
00:00:34,190 --> 00:00:38,010
오토바이 기능에서 얼마나 많은 코드를 복제하고 있는지보십시오.

9
00:00:38,400 --> 00:00:45,360
우리가 카드 기능에서 코드를 빌려서 오토바이 기능에 넣을 수 있다면 정말 깔끔할 것입니다.

10
00:00:45,780 --> 00:00:53,040
따라서 오토바이 기능의 내부에서 자동차 기능을 호출하는 것이 어떨까요?

11
00:00:53,040 --> 00:01:01,620
여기서 문제는 자동차 기능을 키워드라고 부르는 것입니다.이 핵심 단어는 자동차 기능에서 생성 될 객체를 나타냅니다.

12
00:01:01,890 --> 00:01:03,770
하지만 그건 잘못된 것입니다.

13
00:01:03,780 --> 00:01:12,660
여기서해야 할 일은 키워드 this 값을 모터 사이클 기능에서 생성 된 개체로 변경하는 것입니다.

14
00:01:12,780 --> 00:01:15,120
키워드의 가치를 어떻게 바꿀 수 있습니까?

15
00:01:15,120 --> 00:01:21,990
이것은 명시 적 바인딩을 사용하여 키워드의 값을 알아내는 세 번째 규칙으로 되돌아갑니다.

16
00:01:22,350 --> 00:01:32,450
즉, 함수 정의를 반환하지 않으므로 bind를 사용하여 호출 적용 또는 바인딩을 사용할 수 있으므로 호출을 선택하거나 적용 합니다.

17
00:01:32,460 --> 00:01:38,220
더 나은 방법은 두 가지 모두를 살펴보고 어떤 경고가 더 나은 선택인지 알아 보겠습니다.

18
00:01:38,220 --> 00:01:41,260
내가 보여줄 코드는 처음에는 꽤 혼란 스러울 수 있습니다.

19
00:01:41,550 --> 00:01:49,120
그러므로 먼저 비디오를 일시 중지하고 크롬 콘솔에 넣어서 무슨 일이 일어나는지 정확하게 확인하십시오.

20
00:01:49,140 --> 00:01:57,000
따라서 자동차 기능은 동일하게 보이지만 자동차 기능에서 코드를 복제하는 대신 오토바이 기능에서 재미있는 일이 일어나고 있습니다.

21
00:01:57,120 --> 00:02:03,870
우리는 car 함수를 호출하지만 키워드 키워드의 컨텍스트를 키워드로 변경합니다.

22
00:02:03,930 --> 00:02:05,090
그게 무슨 뜻입니까?

23
00:02:05,490 --> 00:02:11,420
우리가 핵심어의 정확한 문맥을 잃어 버렸던 호출을 사용하지 않았던 때가 오기 전에 우리의 문제로 다시 생각해보십시오.

24
00:02:11,450 --> 00:02:14,070
이 키워드의 올바른 값입니다.

25
00:02:14,070 --> 00:02:19,330
이것은 오토바이 기능에서 생성되는 객체 여야합니다.

26
00:02:19,380 --> 00:02:28,560
new 키워드가 사용될 때 우리가 그 객체에 접근하는 방법은 this 키워드를 오토바이 기능 안에서 사용하는 것입니다.

27
00:02:28,620 --> 00:02:29,710
이것은 매우 혼란 스럽습니다.

28
00:02:29,760 --> 00:02:31,540
자 이제 다시 이해하려고 노력하겠습니다.

29
00:02:31,890 --> 00:02:34,940
오토바이 기능에서 중복을 제거하고 싶습니다.

30
00:02:35,220 --> 00:02:42,420
그래서 우리가하고있는 일은 모터 사이클 기능 안에서 코드를 호출하여 자동차 기능에서 코드를 빌려 오는 것입니다.

31
00:02:42,420 --> 00:02:50,170
여기서 문제는 자동차 기능 내부의 키워드가 우리가 사용하고자하는 키워드가 아니라는 것입니다.

32
00:02:50,310 --> 00:02:56,010
따라서 우리는 caller apply를 사용하기 위해 this 키워드의 값을 변경해야합니다.

33
00:02:56,310 --> 00:03:04,470
호출하거나 적용 할 첫 번째 매개 변수로 우리는 키워드의 값을 원하는 값으로 지정할 것입니다.

34
00:03:04,470 --> 00:03:10,020
this 키워드가 오토바이 기능에서 생성 될 개체입니다.

35
00:03:10,020 --> 00:03:16,730
우리가 그 객체에 접근하는 방법은 오토바이 기능의 키워드 this를 사용하는 것입니다.

36
00:03:17,160 --> 00:03:25,980
그래서 호출하거나 적용 할 첫 번째 인수는 모터 사이클 기능에서 생성 된 개체를 참조하는 this 키워드입니다.

37
00:03:26,040 --> 00:03:30,740
새로운 키워드가 사용되면 여전히 걱정스럽지 않게됩니다.

38
00:03:30,870 --> 00:03:33,630
우리는 여기 꽤 고급 자바 스크립트를하고 있습니다.

39
00:03:33,630 --> 00:03:36,300
비디오를 일시 중지하고 다음 코드 예제를 시도하십시오.

40
00:03:36,300 --> 00:03:41,150
언제나 전화 나 신청을 할 수 있도록 질문을하겠습니다.

41
00:03:41,400 --> 00:04:00,440
그러나 유일한 차이점은 두 번째 매개 변수를 적용 할 때 두 번째 매개 변수를 적용한다는 것입니다. 함수에 전달되는 인수 배열을 사용하여 모형과 연도를 배열에 배치하거나 다른 특수 키워드 인 인수를 사용할 수 있습니다. 예어.

42
00:04:00,540 --> 00:04:09,610
이전에 인수를 본 적이 있을지 모르지만 인수가 함수에 전달 된 모든 인수 목록 인 경우 기술적으로 배열이 아닙니다.

43
00:04:09,780 --> 00:04:15,970
그러나 우리의 목적을 위해 여기서는 인수 배열을 사용하는 간단한 예제를 생각해 볼 수 있습니다.

44
00:04:16,170 --> 00:04:22,170
함수에 전달 된 인수를 반환하는 list arguments라는 함수를 만들려고합니다.

45
00:04:22,170 --> 00:04:26,120
이제 목록 인수를 하나 2와 3으로 호출 해 봅시다.

46
00:04:26,280 --> 00:04:30,480
우리는 함수에 전달 된 인수 배열을 얻는 것을 볼 수 있습니다.

47
00:04:30,570 --> 00:04:35,210
이제 예제에서 우리는 목록 대신 arguments 배열을 사용할 수 있습니다.

48
00:04:35,250 --> 00:04:37,220
모델과 연도를 확인하십시오.

49
00:04:37,340 --> 00:04:38,870
꽤 좋은 리펙터를 넣습니다.

50
00:04:39,090 --> 00:04:51,180
우리는 세 줄의 자동차 기능을 복사하여 붙여 넣지 않고 자동차 기능을 차용하여 키워드 키워드의 컨텍스트를 변경하고 다음 비디오에서 그 기능에 대한 모든 인수를 전달했습니다.

51
00:04:51,210 --> 00:04:54,980
우리는 생성자 함수와 새로운 키워드에 대해 배운 것을 되풀이 할 것입니다.