1
00:00:00,420 --> 00:00:01,470
Bem vindo de volta.

2
00:00:01,470 --> 00:00:04,840
Neste vídeo, vamos falar sobre protótipos.

3
00:00:04,920 --> 00:00:10,590
Em primeiro lugar, entenderemos o que o protótipo de objeto será, então, descreveremos e diagramaremos a

4
00:00:10,590 --> 00:00:16,290
relação entre o protótipo e o construtor Dunder Prato, em seguida, adicionaremos métodos e propriedades no objeto

5
00:00:16,290 --> 00:00:18,720
protótipo para escrever um código mais eficiente.

6
00:00:18,750 --> 00:00:23,730
E, finalmente, poderemos explicar a diferença entre a adição de métodos e propriedades ao protótipo

7
00:00:24,060 --> 00:00:25,890
versus a função de construtor.

8
00:00:26,370 --> 00:00:31,920
rapidamente mais uma vez com a nova palavra-chave, primeiro cria um objeto fora do ar.

9
00:00:32,610 --> 00:00:35,730
Mas antes de entrar em protótipos Vamos rever

10
00:00:35,730 --> 00:00:42,180
Em segundo lugar, ele define o valor da palavra-chave como esse objeto criado na etapa anterior.

11
00:00:42,190 --> 00:00:46,200
Terceiro, adiciona um retorno à função de construtor.

12
00:00:46,200 --> 00:00:53,280
Finalmente, cria um link que podemos acessar como Dunder Prato entre o objeto criado e a propriedade

13
00:00:53,280 --> 00:00:55,950
do protótipo da função do construtor.

14
00:00:55,950 --> 00:00:58,020
Vamos falar um pouco mais sobre esse ponto.

15
00:00:58,050 --> 00:01:01,330
Melhor ainda, vamos diagraar esse relacionamento.

16
00:01:01,440 --> 00:01:03,170
Não seja intimidado por este diagrama.

17
00:01:03,240 --> 00:01:06,330
Procuremos passo a passo como um guia.

18
00:01:06,330 --> 00:01:10,280
Um círculo é uma função e um quadrado é um objeto.

19
00:01:10,290 --> 00:01:16,500
Então, aqui, temos uma função de construtor de pessoa que possui uma propriedade chamada protótipo que é um

20
00:01:17,250 --> 00:01:23,160
objeto em que o objeto possui uma propriedade chamada construtora que retorna à função original do construtor.

21
00:01:24,360 --> 00:01:31,320
Se as propriedades ou os métodos são colocados no protótipo da pessoa, eles podem ser acessados ​​a partir

22
00:01:31,320 --> 00:01:37,860
de qualquer objeto criado a partir dessa função do construtor, na forma em que esses objetos criados

23
00:01:38,190 --> 00:01:43,650
pela função do construtor tenham acesso ao objeto protótipo através do link donador Prato.

24
00:01:43,890 --> 00:01:47,720
Este link é estabelecido quando a nova palavra-chave é usada.

25
00:01:47,940 --> 00:01:52,860
Para recapitular todas as funções do construtor tem uma propriedade sobre ele chamado protótipo.

26
00:01:52,860 --> 00:01:58,150
A propriedade protótipo é um objeto que também pode ter métodos e propriedades anexados a ele.

27
00:01:58,200 --> 00:02:04,320
Esses métodos e propriedades são compartilhados e acessíveis por qualquer objeto criado a partir dessa função

28
00:02:04,320 --> 00:02:05,100
de construtor.

29
00:02:05,130 --> 00:02:07,620
Quando a nova palavra-chave é usada.

30
00:02:07,710 --> 00:02:10,360
Agora vamos ver o que isso parece com o exemplo do código.

31
00:02:10,410 --> 00:02:14,370
Eu vou copiar e colar este código na consola cromada e podemos percorrer cada linha.

32
00:02:15,180 --> 00:02:20,560
Primeiro eu tenho a função de construtor chamada pessoa com uma propriedade chamada de nome.

33
00:02:20,610 --> 00:02:26,220
Como criei uma função, já podemos ver que existe uma propriedade na função chamada protótipo.

34
00:02:27,480 --> 00:02:33,830
Agora vou criar dois objetos chamados LP da minha função de construtor usando a nova chave.

35
00:02:34,350 --> 00:02:40,110
Como use a nova palavra-chave, uma propriedade foi adicionada a cada um desses objetos chamados de produtos Dunder

36
00:02:40,110 --> 00:02:43,400
que aponta para a propriedade do protótipo no construtor da pessoa.

37
00:02:43,710 --> 00:02:48,360
Vamos discutir no próximo vídeo por que essa propriedade protótipo é tão útil.

38
00:02:48,360 --> 00:02:53,910
Finalmente, o objeto protótipo tem uma propriedade nele chamada construtor que retorna à

39
00:02:53,910 --> 00:02:55,440
função original do construtor.

40
00:02:55,530 --> 00:03:00,540
parte importante em um conceito chamado herança que discutiremos em outra série antes de finalizar este vídeo.

41
00:03:00,540 --> 00:03:06,150
A propriedade do construtor não é algo que você estará usando ou manipulando com freqüência, mas é uma

42
00:03:06,360 --> 00:03:11,070
Eu quero saltar para trás alguns slides para o diagrama para que possamos examiná-lo mais uma vez.

43
00:03:11,340 --> 00:03:15,480
Recorde que círculos são funções e os quadrados são objetos.

44
00:03:15,480 --> 00:03:20,820
Então, aqui eu tenho dois objetos chamados de Ellie e frios que foram criados a partir da função construtor pessoa.

45
00:03:21,270 --> 00:03:22,290
O círculo verde.

46
00:03:22,290 --> 00:03:24,780
Como use a nova palavra-chave quando eu as criei.

47
00:03:24,960 --> 00:03:30,960
Cada um desses objetos tem uma propriedade chamada Dunder Prado que aponta para a propriedade do protótipo

48
00:03:30,960 --> 00:03:32,530
no construtor da pessoa.

49
00:03:32,940 --> 00:03:38,010
No próximo vídeo, examinaremos o protótipo do objeto e veremos o quão útil é.

50
00:03:38,010 --> 00:03:38,460
Veja isso