1
00:00:00,310 --> 00:00:06,180
Este video que voy a presentar funciones y funciones de Javascript es probablemente el

2
00:00:06,180 --> 00:00:08,050
aspecto más importante de Javascript.

3
00:00:08,130 --> 00:00:10,140
Así que vamos a pasar una buena cantidad de tiempo con ellos.

4
00:00:10,650 --> 00:00:14,410
Entonces tenemos algunos objetivos aquí y el primero es conceptual.

5
00:00:14,520 --> 00:00:19,530
Queremos entender por qué usamos funciones y luego las otras tres son más acerca de

6
00:00:19,530 --> 00:00:20,180
escribir código.

7
00:00:20,220 --> 00:00:26,570
Entonces, queremos poder definir una función sin argumentos para encontrar una función con argumentos y

8
00:00:26,610 --> 00:00:29,820
definir una función que devuelva un valor.

9
00:00:29,880 --> 00:00:32,950
Comencemos hablando de qué funciones son en realidad.

10
00:00:33,180 --> 00:00:39,110
En un video anterior mencioné que las funciones son una especie de variable para líneas de código.

11
00:00:39,420 --> 00:00:48,390
Entonces, si una variable normal almacenará un valor como hello o 27, una función puede almacenar 20 líneas de código y luego podemos

12
00:00:48,390 --> 00:00:53,280
recordar esa función y esas 20 líneas de código se pueden ejecutar nuevamente.

13
00:00:53,640 --> 00:00:59,310
Por lo tanto, definitivamente es más matizado que esa explicación, pero me gusta como una forma sencilla

14
00:00:59,310 --> 00:01:03,030
de presentar que las funciones son solo partes de código reutilizables.

15
00:01:03,030 --> 00:01:07,080
Entonces, lo siguiente sobre las funciones es que debemos declararlas primero.

16
00:01:07,230 --> 00:01:11,050
Entonces definimos un bloque de código y le damos un nombre.

17
00:01:11,190 --> 00:01:14,870
Entonces eso hace que la función y luego tenemos que ejecutarla más tarde.

18
00:01:14,880 --> 00:01:16,410
Entonces es un proceso de dos pasos.

19
00:01:16,440 --> 00:01:20,230
Declara una función y luego llámala para que puedas verla aquí.

20
00:01:20,310 --> 00:01:28,170
Esta es en realidad la sintaxis para declarar una función función como una palabra clave como var o F o mientras

21
00:01:28,320 --> 00:01:32,070
funcionamos cualquier cosa que queramos aquí este es nuestro nombre.

22
00:01:32,070 --> 00:01:37,610
Entonces este se llama Haz algo entre paréntesis y luego llaves.

23
00:01:37,830 --> 00:01:43,770
Y luego colocamos tantas líneas de código como deseemos dentro de las llaves y luego podemos llamar

24
00:01:43,770 --> 00:01:48,740
a la función más tarde haciendo referencia a su nombre entre paréntesis al final.

25
00:01:48,750 --> 00:01:51,170
Así que déjame mostrarte cómo se ve eso.

26
00:01:52,230 --> 00:01:56,900
Entonces definiré una función aquí que le permite funcionar.

27
00:01:57,600 --> 00:02:05,100
Diga hola y todo lo que va a hacer es cancelar ese registro

28
00:02:08,610 --> 00:02:16,600
hola y lo haremos hacer dos líneas cancelar ese registro, así se despide.

29
00:02:16,620 --> 00:02:21,690
Así que cuando presioné Enter, javascript vería este código, pero en realidad no ejecutará los registros del

30
00:02:21,690 --> 00:02:22,620
bot del consejo.

31
00:02:22,860 --> 00:02:28,680
Solo estoy registrando una función llamada say hola pero no ejecuta el código.

32
00:02:28,680 --> 00:02:35,850
me refiero a su nombre, diga hola y agrego paréntesis y presiono enter y ejecuta lo que haya dentro de decir Hola.

33
00:02:36,720 --> 00:02:39,630
Así que ahora si quiero llamar a esa función

34
00:02:39,630 --> 00:02:45,310
Así que con suerte ya puedes ver por qué esto es útil a pesar de que es un ejemplo muy trivial.

35
00:02:45,330 --> 00:02:51,030
Todavía estábamos escribiendo dos líneas constantes como Hilo Council d'Artois, adiós y para hacer eso, todo lo que tenemos que hacer

36
00:02:51,030 --> 00:02:52,800
es escribir esta línea muy corta.

37
00:02:52,980 --> 00:02:58,940
Entonces, otra nota rápida mientras tengo esto abierto si acabo de escribir las palabras decir hola sin paréntesis.

38
00:02:59,310 --> 00:03:00,880
Y presiono enter.

39
00:03:01,020 --> 00:03:03,440
Simplemente me devuelve el código.

40
00:03:03,480 --> 00:03:05,420
Entonces esta es una distinción realmente importante.

41
00:03:05,580 --> 00:03:11,310
Si solo tecleo las palabras "Hola", me dará el valor de "decir hola" pero no

42
00:03:11,310 --> 00:03:12,390
ejecutará el código.

43
00:03:12,540 --> 00:03:18,180
Entonces, tengo que tener esos paréntesis que obtendrán el valor de esta función y

44
00:03:18,180 --> 00:03:19,850
luego ejecutarán la función.

45
00:03:20,190 --> 00:03:25,520
Tan importante que hay una diferencia entre referirse a una función y ejecutarla.

46
00:03:26,700 --> 00:03:31,140
Así que tengo otro ejemplo aquí de cómo las funciones pueden ayudarnos a probar nuestro código.

47
00:03:31,290 --> 00:03:32,450
Recuerda que el seco es

48
00:03:32,520 --> 00:03:34,140
No te repitas.

49
00:03:34,200 --> 00:03:39,450
Así que si quería cantar esta canción que es Twinkle twinkle little star, tengo cuatro declaraciones de

50
00:03:39,450 --> 00:03:47,180
log de la bóveda de concierto, así que para cantar la canción una vez que necesito todo este código y luego quiero volver a cantarlo.

51
00:03:47,280 --> 00:03:49,950
Necesito todo ese código otra vez, y así sucesivamente.

52
00:03:49,950 --> 00:03:56,250
Cada vez que quiero cantar esta canción, tengo que ejecutar esas cuatro líneas de código individualmente, lo que obviamente no

53
00:03:56,250 --> 00:03:57,370
es muy seco.

54
00:03:57,400 --> 00:03:59,660
Es un montón de código repetido.

55
00:04:00,600 --> 00:04:07,200
Entonces, usando una función, puedo escribir esos registros constantes de una sola vez. Cantar la canción como

56
00:04:07,200 --> 00:04:07,880
quiera llamarlo.

57
00:04:08,010 --> 00:04:12,540
Puse esas cuatro líneas de código allí y luego para volver a cantar la canción.

58
00:04:12,600 --> 00:04:16,740
Todo lo que tengo que hacer es escribir una canción con paréntesis.

59
00:04:16,860 --> 00:04:25,170
Así que hagámoslo ahora, vamos a aclarar esto que, claro está, es una función que acabo de usar y esta es

60
00:04:25,170 --> 00:04:30,390
una que viene con javascript en el navegador. No tengo que definirla, pero

61
00:04:30,390 --> 00:04:34,080
al igual que otras funciones, necesito el paréntesis para ejecutalo.

62
00:04:34,080 --> 00:04:40,620
Así que volviendo a nuestra función Singsong voy a escribir la palabra clave de la función y luego el nombre y voy

63
00:04:40,620 --> 00:04:47,970
a cantar otra vez y solo decir que sabes que la convención es usar camel case para los nombres de las funciones al igual que

64
00:04:47,970 --> 00:04:49,230
los nombres de las variables.

65
00:04:49,740 --> 00:04:55,110
Y luego agregaré mis llaves y luego lo que pongo aquí es parte de la función.

66
00:04:55,170 --> 00:04:58,540
Así que voy a pegar esas cuatro líneas de hotdogging constante.

67
00:04:58,620 --> 00:04:59,760
Twinkle twinkle pequeña estrella

68
00:05:03,630 --> 00:05:04,550
así como así.

69
00:05:05,010 --> 00:05:06,720
Y voy a presionar enter.

70
00:05:06,720 --> 00:05:10,860
Y ahora le dije a javascript sobre una función llamada Canción Sing.

71
00:05:11,160 --> 00:05:14,330
Si no agrego los paréntesis, solo me dice el código.

72
00:05:14,480 --> 00:05:20,520
escribo eso cuatro veces en lugar de escribir 16 Konst sobre registros. mí mismo.

73
00:05:20,580 --> 00:05:28,230
Pero si quiero cantar la canción, solo tengo que cantar la canción con paréntesis y si quiero escribir si

74
00:05:28,230 --> 00:05:32,310
quiero cantar la canción cuatro veces, es super fácil, solo

75
00:05:32,310 --> 00:05:37,380
Así que esto ilustra el valor de las funciones a pesar de que es un ejemplo trivial de cantar Twinkle

76
00:05:37,380 --> 00:05:38,140
Twinkle Little Star.

77
00:05:38,250 --> 00:05:39,960
Y solo son cuatro líneas.

78
00:05:39,960 --> 00:05:45,960
Imagina cuando tenemos funciones que son 50 líneas de código que estamos usando 50 veces que nos ahorran

79
00:05:45,960 --> 00:05:46,250
mucho