1
00:00:00,300 --> 00:00:05,690
Entonces tengo otro ejemplo práctico de un caso de uso real para agregar métodos a un objeto.

2
00:00:05,710 --> 00:00:08,300
Hay una popular biblioteca de JavaScript llamada guión bajo J.

3
00:00:08,300 --> 00:00:08,840
Sí.

4
00:00:08,910 --> 00:00:13,110
Y hablaremos más sobre qué son las bibliotecas, pero por ahora lo consideramos solo como un montón de código.

5
00:00:13,140 --> 00:00:15,200
Alguien más escribió que podemos usar.

6
00:00:15,570 --> 00:00:19,880
Entonces, todo ese subrayado es un conjunto de funciones que alguien más escribió.

7
00:00:20,050 --> 00:00:21,590
Podemos verlos aquí.

8
00:00:21,630 --> 00:00:23,720
Cada uno de estos es una función diferente.

9
00:00:23,850 --> 00:00:31,050
Así que tenemos cosas como encontrar que cada uno contiene el orden máximo minimo y realmente no importa cómo funcionan

10
00:00:31,050 --> 00:00:32,210
ni qué hacen.

11
00:00:32,250 --> 00:00:35,110
Pero es importante que te muestre que hay muchos de ellos.

12
00:00:35,850 --> 00:00:42,690
Por lo tanto, los espacios de nombres subrayan todos juntos un grupo de ellos en total en lugar de un objeto llamado

13
00:00:42,720 --> 00:00:43,230
guión bajo.

14
00:00:43,260 --> 00:00:47,350
Solo para subrayar el carácter para que puedas ver que así es como los llamas.

15
00:00:47,520 --> 00:00:57,480
más grande subrayar punto mapa subrayar punto reducir y eso se hace para que todos estos métodos estén agrupados para que sepa que todo lo

16
00:00:57,480 --> 00:01:02,010
que comienza con guión bajo proviene de esta biblioteca de guiones bajos.

17
00:01:02,250 --> 00:01:04,340
Subrayar hacer esto un poco

18
00:01:04,350 --> 00:01:06,070
Usted no lo escribió usted mismo.

19
00:01:06,270 --> 00:01:09,430
Eventualmente hablaremos sobre cómo importamos una biblioteca como guión bajo.

20
00:01:09,510 --> 00:01:12,260
Verás cómo podríamos incluso escribir algo como guión bajo con el tiempo.

21
00:01:12,450 --> 00:01:15,210
Pero lo que quiero mostrar aquí no es el código en sí.

22
00:01:15,420 --> 00:01:19,510
Solo quiero mostrar el hecho de que todo está agrupado dentro de un objeto de subrayado.

23
00:01:19,560 --> 00:01:25,230
Entonces, en lugar de espacio para perros o espacio para gatos, decidieron usar un personaje realmente corto y

24
00:01:25,230 --> 00:01:27,100
memorable, que es un guión bajo.

25
00:01:27,390 --> 00:01:33,060
Hay una cosa más que quiero resaltar en este video, que es la palabra clave, así que

26
00:01:33,150 --> 00:01:38,610
en javascript hay una palabra especial que podemos usar en diferentes contextos para hacer cosas diferentes.

27
00:01:38,700 --> 00:01:43,710
Entonces, para demostrar lo que hace y cómo funciona, voy a seguir adelante y dar un rápido ejemplo.

28
00:01:44,160 --> 00:01:49,500
Así que supongamos que estoy haciendo una aplicación que tiene algunos comentarios y quiero tener algunos datos comunes almacenados

29
00:01:49,530 --> 00:01:55,350
en lugar de un objeto, así como algunos métodos como imprimir o eliminar que quiero que sean almacenados en lugar

30
00:01:55,350 --> 00:01:56,440
de un objeto también.

31
00:01:56,460 --> 00:02:03,030
Al igual que vimos con el método de hablar, voy a definir un espacio de nombres llamado comentarios.

32
00:02:03,030 --> 00:02:08,490
Entonces, var comenta que va a ser un objeto y comenzaré con que está vacío.

33
00:02:08,490 --> 00:02:14,840
A continuación, definiré la propiedad de datos, que es solo una serie de comentarios.

34
00:02:15,090 --> 00:02:21,630
Así que son algunos comentarios tontos como este.

35
00:02:21,630 --> 00:02:22,600
Y presionamos enter.

36
00:02:22,830 --> 00:02:29,640
Así que tenemos comentarios como este en los que solo tenemos una propiedad de datos y esa propiedad tiene esa matriz

37
00:02:29,640 --> 00:02:31,680
tiene tres comentarios diferentes en ella.

38
00:02:32,070 --> 00:02:37,350
Entonces, si quisiera hacer un método llamado imprimir, lo que podría hacer es

39
00:02:37,350 --> 00:02:42,270
definir una función por separado, como esta función imprimir y toma una matriz.

40
00:02:43,080 --> 00:02:49,110
de puntos de cada comentario para poder hacerlo de una manera extraña donde imprimí y luego hice un para cada uno.

41
00:02:49,170 --> 00:02:51,880
Y todo lo que quiero hacer es cancelar el registro

42
00:02:51,960 --> 00:02:59,810
Entonces la matriz para cada función lo llama elemento.

43
00:03:03,840 --> 00:03:06,830
Y luego cancelo ese registro.

44
00:03:07,820 --> 00:03:12,380
L Entonces esta función ahora no es un método.

45
00:03:12,420 --> 00:03:19,290
Existe fuera de mi objeto de comentarios y si quisiera imprimir datos de stock

46
00:03:19,290 --> 00:03:25,690
comunes tendría que ejecutar print y luego pasar comentarios de datos de punto.

47
00:03:26,010 --> 00:03:30,990
Entonces, eso es lo que hemos estado haciendo hasta este momento, definiendo nuestras funciones por separado en el espacio de

48
00:03:30,990 --> 00:03:32,260
nombres de la ventana global.

49
00:03:32,500 --> 00:03:35,970
Pero si quiero agregarlo al objeto de comentarios todo lo que necesito hacer.

50
00:03:36,150 --> 00:03:41,230
Me refiero a copiar mi código aquí y voy a volver aquí y decir los comentarios.

51
00:03:41,280 --> 00:03:42,800
Imprimir es igual.

52
00:03:42,830 --> 00:03:46,350
Vas a pegar mi función y puedo dejar este nombre aquí.

53
00:03:46,350 --> 00:03:48,980
Sin embargo, me desharé de él porque es innecesario nombrarlo.

54
00:03:48,990 --> 00:03:50,250
Ahí también.

55
00:03:50,790 --> 00:03:56,220
Y en lugar de tener que tomar una matriz como argumento, quiero que use lo que ya tenemos en

56
00:03:56,220 --> 00:03:59,990
lugar de comentarios, que es que ya tenemos los datos en el mismo objeto.

57
00:04:00,210 --> 00:04:03,850
Entonces, ¿hay alguna manera de compartir los datos en lugar de un objeto?

58
00:04:03,870 --> 00:04:07,610
Entonces puedo usar datos de stock comunes dentro de la impresión de stock común.

59
00:04:07,620 --> 00:04:08,790
Y la respuesta es sí.

60
00:04:09,060 --> 00:04:11,730
Y ahí es donde entra esta palabra clave.

61
00:04:11,760 --> 00:04:13,670
Entonces no necesito ningún argumento.

62
00:04:13,860 --> 00:04:20,310
Si solo quiero que esto se haga es imprimir lo que está en datos comunes en lugar de un radar para cada uno.

63
00:04:20,550 --> 00:04:23,670
De hecho, puedo escribir estos datos de puntos.

64
00:04:24,180 --> 00:04:27,660
Entonces la palabra clave esto es un poco complicado en diferentes situaciones.

65
00:04:27,660 --> 00:04:29,260
Significa cosas diferentes.

66
00:04:29,280 --> 00:04:31,860
Definitivamente una de las partes más peculiares de javascript.

67
00:04:31,860 --> 00:04:33,780
Muchas preguntas de entrevistas se enfocan en eso.

68
00:04:33,780 --> 00:04:36,640
Entonces es algo con lo que incluso los expertos lucharán.

69
00:04:36,660 --> 00:04:41,430
Vamos a pasar mucho más tiempo con la palabra clave a medida que avanzamos cuando nos enteramos de los eventos cuando

70
00:04:41,880 --> 00:04:46,710
hablamos de la consulta de Jay y cuando pasamos a la parte de atrás y también hablamos sobre las bases de datos.

71
00:04:46,710 --> 00:04:55,110
Entonces, por ahora, en este caso, la palabra esto se refiere a los comentarios del objeto, así que te mostraré si pulso

72
00:04:55,110 --> 00:04:55,780
enter aquí.

73
00:04:55,920 --> 00:05:00,660
Veamos qué aspecto común tiene ahora dos cosas.

74
00:05:00,660 --> 00:05:03,870
Datos y matriz y luego este método de impresión.

75
00:05:04,110 --> 00:05:08,070
Y recuerde que el método de impresión se refiere a esta información.

76
00:05:08,100 --> 00:05:13,880
Entonces, cuando estamos dentro de una impresión, esto se refiere al objeto completo que tiene datos dentro de ella.

77
00:05:13,950 --> 00:05:19,860
Entonces, esta información es cómo podemos ir desde adentro de una impresión, podemos acceder a esta información.

78
00:05:19,860 --> 00:05:26,940
Entonces, para usar ese método ahora todo lo que tengo que hacer es decir los comentarios de Prince y nuestros

79
00:05:26,940 --> 00:05:27,880
tres comentarios impresos.

80
00:05:27,900 --> 00:05:32,670
Entonces, lo que acabo de mostrar es un patrón muy común de cómo organizamos el código.

81
00:05:32,670 --> 00:05:38,010
Podemos tomar algunos datos para ponerlos dentro de un objeto y luego tomar las funciones y funcionalidades

82
00:05:38,010 --> 00:05:44,340
asociadas y agregarlos como métodos al mismo objeto y usar la palabra clave this para acceder a los datos que predefinimos.

83
00:05:45,210 --> 00:05:49,600
Si te sientes un poco confundido acerca de la palabra clave, esto es definitivamente esperado.

84
00:05:49,620 --> 00:05:51,390
Solo hemos arañado la superficie.

85
00:05:51,390 --> 00:05:54,440
Y como mencioné, vamos a seguir visitándolo una y otra vez.

86
00:05:54,630 --> 00:05:57,960
Todo lo que quiero que entiendas es que hay una palabra clave llamada esto.

87
00:05:57,960 --> 00:05:59,150
Es un poco complicado.

88
00:05:59,340 --> 00:06:07,800
el que mostré aquí al escribir esto en lugar de un método, se refiere al objeto en el que se define el método.

89
00:06:07,950 --> 00:06:09,540
Y en un contexto,

90
00:06:09,930 --> 00:06:12,170
OK, entonces eso es todo por ahora.

91
00:06:12,360 --> 00:06:13,410
Muy emocionante.

92
00:06:13,410 --> 00:06:18,590
A continuación, finalmente hablamos de HDMI y vemos evaluar interactuando con nuestro javascript