1
00:00:00,420 --> 00:00:01,470
Dar una buena acogida.

2
00:00:01,470 --> 00:00:04,840
En este video vamos a hablar de prototipos.

3
00:00:04,920 --> 00:00:10,590
Primero comprenderemos cuál es el objeto prototipo. Luego describiremos y diagramaremos la relación entre el

4
00:00:10,590 --> 00:00:16,290
prototipo de Dunder Prato y el constructor agregará métodos y propiedades en el objeto prototipo

5
00:00:16,290 --> 00:00:18,720
para escribir un código más eficiente.

6
00:00:18,750 --> 00:00:23,730
Y finalmente podremos explicar la diferencia entre agregar métodos y propiedades al prototipo

7
00:00:24,060 --> 00:00:25,890
versus la función de constructor.

8
00:00:26,370 --> 00:00:31,920
una vez más con la nueva palabra clave: primero crea un objeto de la nada.

9
00:00:32,610 --> 00:00:35,730
Pero antes de adentrarnos en los prototipos Repasemos rápidamente

10
00:00:35,730 --> 00:00:42,180
En segundo lugar, establece el valor de la palabra clave que es el objeto creado en el paso anterior.

11
00:00:42,190 --> 00:00:46,200
En tercer lugar, agrega un retorno a la función constructora.

12
00:00:46,200 --> 00:00:53,280
Finalmente crea un enlace al que podemos acceder como Dunder Prato entre el objeto creado y la

13
00:00:53,280 --> 00:00:55,950
propiedad prototipo de la función constructora.

14
00:00:55,950 --> 00:00:58,020
Vamos a hablar un poco más sobre ese punto.

15
00:00:58,050 --> 00:01:01,330
Mejor aún, vamos a diagramar esta relación.

16
00:01:01,440 --> 00:01:03,170
No se deje intimidar por este diagrama.

17
00:01:03,240 --> 00:01:06,330
Vamos a caminar paso a paso como una guía.

18
00:01:06,330 --> 00:01:10,280
Un círculo es una función y un cuadrado es un objeto.

19
00:01:10,290 --> 00:01:16,500
Entonces aquí tenemos una función de constructor de persona que tiene una propiedad llamada prototipo que es un

20
00:01:17,250 --> 00:01:23,160
objeto que el objeto tiene una propiedad llamada constructor que apunta a la función de constructor original.

21
00:01:24,360 --> 00:01:31,320
Si se colocan propiedades o métodos en el prototipo de persona, se puede acceder desde cualquier objeto creado

22
00:01:31,320 --> 00:01:37,860
a partir de esa función de constructor, la forma en que estos objetos creados por la función

23
00:01:38,190 --> 00:01:43,650
de constructor obtienen acceso al objeto prototipo es a través del enlace donador Prato.

24
00:01:43,890 --> 00:01:47,720
Este enlace se establece cuando se usa la nueva palabra clave.

25
00:01:47,940 --> 00:01:52,860
Para recapitular cada función de constructor tiene una propiedad llamada prototipo.

26
00:01:52,860 --> 00:01:58,150
La propiedad prototipo es un objeto que también puede tener métodos y propiedades asociados.

27
00:01:58,200 --> 00:02:04,320
Estos métodos y propiedades son compartidos y accesibles por cualquier objeto creado a partir de esa función

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

29
00:02:05,130 --> 00:02:07,620
Cuando se usa la nueva palabra clave.

30
00:02:07,710 --> 00:02:10,360
Ahora veamos cómo se ve esto con el ejemplo de código.

31
00:02:10,410 --> 00:02:14,370
Voy a copiar y pegar este código en la consola de Chrome y podemos recorrer cada línea de este.

32
00:02:15,180 --> 00:02:20,560
Primero tengo la función de constructor llamada persona con una propiedad llamada nombre.

33
00:02:20,610 --> 00:02:26,220
Desde que creé una función, ya podemos ver que hay una propiedad en la función llamada prototipo.

34
00:02:27,480 --> 00:02:33,830
Ahora voy a crear dos objetos llamados LP desde mi función constructora usando la nueva clave.

35
00:02:34,350 --> 00:02:40,110
Como utilizo la nueva palabra clave, se ha agregado una propiedad a cada uno de estos objetos llamada Dunder produ,

36
00:02:40,110 --> 00:02:43,400
que apunta a la propiedad del prototipo en el constructor de persona.

37
00:02:43,710 --> 00:02:48,360
Discutiremos en el siguiente video por qué esta propiedad prototipo es tan útil.

38
00:02:48,360 --> 00:02:53,910
Finalmente, el objeto prototipo tiene una propiedad llamada constructor que apunta a la

39
00:02:53,910 --> 00:02:55,440
función constructora original.

40
00:02:55,530 --> 00:03:00,540
de un concepto llamado herencia que discutiremos en otra serie antes de que terminemos este video.

41
00:03:00,540 --> 00:03:06,150
La propiedad del constructor no es algo que usará o manipulará con frecuencia, pero es una parte importante

42
00:03:06,360 --> 00:03:11,070
Quiero retroceder un par de diapositivas al diagrama para poder repasarlo una vez más.

43
00:03:11,340 --> 00:03:15,480
Recuerde que los círculos son funciones y los cuadrados son objetos.

44
00:03:15,480 --> 00:03:20,820
Así que aquí tengo dos objetos llamados Ellie y cold que se crearon a partir de la función persona constructor.

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

46
00:03:22,290 --> 00:03:24,780
Como uso la nueva palabra clave cuando los creé.

47
00:03:24,960 --> 00:03:30,960
Cada uno de estos objetos tiene una propiedad llamada Dunder Prado que apunta a la propiedad del prototipo

48
00:03:30,960 --> 00:03:32,530
en el constructor de persona.

49
00:03:32,940 --> 00:03:38,010
En el siguiente video, examinaremos el objeto prototipo y veremos qué tan útil es.

50
00:03:38,010 --> 00:03:38,460
Mira eso