Hemos visto ya hasta el momento muchas funciones que existen en el lenguaje.
Por ejemplo si me pongo aquí en la consola y pongo el punto log Hola doy enter puedes ver que con su
elpunto Lock son funciones de JavaScript Cipango Action Alert.
Son funciones de JavaScript si pongo un prompt.
La misma forma.
Todas estas son funciones de JavaScript.
Tras algo interesante en las funciones es que tienen un nombre y también tienen un paréntesis.
El nombre es cómo se llama la función pero el paréntesis es lo que ejecuta esa función.
Muchas veces utilizarás funciones que son del lenguaje y muchas veces tendrás que crearlas tú.
Ya vimos cómo utilizar las funciones que da al lenguaje.
Pero veamos cómo crear las tuyas crease una función en JavaScript agregando la palabra función y luego
le das su nombre.
Vamos a ponerlo aquí saludar abres paréntesis y abres ya ves todo lo que esté dentro de las llaves y
es el cuerpo de las funciones lo que hará esta función y puede ser muy sencilla.
Puede llegar a ser muy compleja depende de lo que quieras hacer.
Por ejemplo aquí consolón.
Hola.
Esta función es muy sencilla si guardo cambios puedes ver que no hace nada por qué no hace nada porque
he creado la función pero no la he mandado llamar muchas veces a muchas personas su código no les funciona
porque crean las funciones especialmente cuando van comenzando es normal pero crean las funciones y
no funciona porque las crean pero se olvidan de llamarlas y para mandar llamar a una función solamente
pones esta parte el nombre de la función parentesis y finalizas con un punto y coma y puedes ver que
aquí se Hola Cuál es la ventaja de las funciones es una función la puedes mandar llamar muchas veces
esa es la ventaja principal que tienen las funciones te permiten reutilizar código muy fácilmente y
esta forma se le conoce como función Declaration
y existe otra que se conoce como función expresión que es de la siguiente forma y de hecho es sencilla
con lo que hemos aprendido una expresión creas una variable por ejemplo con suma esto va a ser igual
a un función y abrimos llaves y aquí va a poner Consol log 1 +2 y la manda llamar de la misma forma
suma pones los paréntesis y finalizas con punto y coma y puedes ver que te imprimo en tres lo voy a
eliminar todo esto ya vimos que las funciones nos permiten a llamar una y otra vez y reutilizar código
y todo esto muchas personas tienen duda de que funciones de JavaScript cuál es la diferencia entre función
Declaration y una expresión aparte de la sintaxis que puedes ver es un poco diferente y la verdad es
que ambas son muy utilizadas.
No te podría decir estás más utilizada que ésta.
No saber ejemplos de los dos tipos pero vamos a ver la diferencia principal aquí puedes ver que estoy
declarando la función y luego la estoy utilizando de la misma forma acá declaró la función y luego la
utilizo.
Si ya tienes experiencia con lenguajes de lenguajes de programación te darás cuenta que en muchos lenguajes
si intentas utilizar la función antes de declararla te va a marcar error veamos qué pasa.
Por ejemplo este de saludar si lo pongo aquí arriba y piensa qué crees que pasaría.
De la misma forma esta suma
guardo cambios y puedes ver que el Hola la que está aquí arriba estás y funciona a pesar de que la estoy
utilizando y luego la de Claro funciona perfectamente mientras que él funciona expresión no funciona
porque estoy utilizando la función y luego la estoy creando.
Aparte de la sintaxis cuya diferencia es obvia esto es la diferencia entre una y otra en esta puedes
utilizarla antes de declararla y no va a haber problema pero en ésta si esa es la diferencia y creeme
es una pregunta para obtener el trabajo.
En este caso tendrías que poner aquí abajo y ambas van a funcionar.
Entonces es muy importante ahora crear funciones de este tipo no es muy recomendado.
Va a haber algunas ocasiones en las que sí pero si quieres crear funciones inteligentes muy reutilizables
tienes que pasarle parámetros pasarle parámetros a una función básicamente es tomar código que está
fuera de la función y pasarlo adentro de la función así de una forma sencilla pero es más fácil ver
un ejemplo en este paréntesis es donde toman los parámetros.
Por ejemplo aquí saludar voy a ponerle nombre entonces se puede decir que esta función toma un parámetro
que es un nombre que va a ponerle un signo de más para concatenar.
Y esta función que se pasa hacia adentro tendrá que ir aquí entonces aquí saludar a va a ponerle Hola
y que un espacio voy a poner mi nombre como Streeck Juan lo doy a guardar.
Cómo puedes ver que mi valor que está por fuera de la función se pasa hacia adentro y se viene hacia
acá y dice Hola Juan ahora puedes crear una función que tome múltiples parámetros no nada más uno aprende
aquí trabajo Hola Juan y voy a poner otro más tu trabajo es más trabajo entonces aquí voy a ponerle
unas Koma y voy a poner un desarrollador web guardo cambios y puedes ver que ya estoy tomando dos parámetros.
Hola Juan tu desarrollado tu trabajo es desarrollador web y como mencioné anteriormente debido a que
está tomando parámetros nuestra función es un poco más inteligente por así decirlo porque puedo crear
una copia y poner varios de aquí por ejemplo Pedro.
Digamos que Pedro es médico
aquí a Alejandra y ella es veterinaria y vamos a poner a Laura ella es un ser que podría ser ingeniera
guardas cambios y nota como mi función la mandó llamar muchas veces pero cada vez el valor es distinto
y esa es la ventaja de los parámetros de pasarle parámetros hacia una función aeronaval.
Pregunta que confunde mucho mejor dicho algo que confunde mucho cuando pasas parámetros y mucha gente
me dice es cómo sabe en qué orden se pasan bueno el orden.
Aquí estás pasando nombre primero y el nombre va a tomar como primer parámetro este entonces dependiendo
de dónde lo hayas utilizado si los mezclas por ejemplo con el trabajo aquí y nombre acá puedes ver que
cambia el orden totalmente entonces el orden en que los estás pasando aquí debe ser el mismo orden en
que los estás pasando acá.
Porque si los rotas pues va a haber un problema como éste entonces se puede decir que este pasa aquí
como primero y este pasa acá pero la forma en la que los pases y la forma en que los vayas utilizando
es cómo se van a pasar.
Por eso tienen este nombre aquí.
Espero no haber confundido un poco más pero es importante Juan pasa aquí y luego pasa acá su trabajo
pasa aquí y de aquí pasa para acá porque los estoy utilizando de esta forma es decir este nombre y este
nombre son iguales que vienen siendo este valor de acá.
Es una pregunta que confunden mucho sobre todo a quien va comenzando a trabajar con el lenguaje y puede
ser que por ejemplo aquí tenemos esta segunda aquí tiene Alfonso le podrías pasar los números a decir
que vamos a pasarle a donde aquí va a hacer Ah y aquí va a ser después de realizar una suma que sume
diez coma veinte suma 30 50 y suma 100 y 200 guardo cambio si puedes ver que me realiza mi sumás.
Por eso es importante también pasar parámetros tus funciones son un poco más flexibles más reutilizables
no tienes que escribir tantas funciones gracias a esto y finalmente veremos cómo pasarle parámetros
por default a las funciones.
Por ejemplo aquí puedes ver que si en el ejemplo de la obra la elimino su profesión guardo cambios pues
ver que esa acción de Finest puedes ponerla aquí
trabajo es nosabemos guardar cambios y puedes ver que los demás mejor dicho en Laura agrega No sabemos
porque como ese valor no está agregado no está por default al no estar aquí el que está por default
en esta parte no sabemos pero como los demás sí tienen el segundo parámetro entonces toma el parámetro
que le estás pasando a la función.
Si vas Juana le elimino lo que es su trabajo.
También vemos que no sabemos la médico veterinaria y nuevamente no sabemos de la misma forma puede ser
para el nombre visitante puede ser un nombre por default.
Entonces si le eliminamos y no le pasamos nada va a tomar los parámetros por default visitante y no
sabemos visitante tu trabajo es no sabemos.
Entonces es una forma en la que puedes asegurarte de que tu programa no haga algo indeseado.
Si tienes dudas con los parámetros por default va a quedar más claro con los números por ejemplo aquí
nada más de paso 10 intento realizar la suma 10 y nada puedes ver que aquí se Naum entonces esto ya
nos daría un problema pero le puedo poner que por default van a ser cero y cero entonces voy a tratar
de sumar diez coma cero cero si no le pongo nada cero maceros nos va a regresar un cero.
Entonces de esta forma los parámetros por default al no pasarle nada ningún parámetro a la función toma
los parámetros por default si están presentes y se le pasa algo no se ignoran totalmente visitante y
no sabemos o los ceros y pasa lo que le hayas pasado a la función.
Eso también es importante ya vimos lo que son los fondos de claretiano y también los fondos una expresión
última que te quiero mostrar es lo que se le conoce como IFI
y Fri son funciones que se invocan automáticamente y usualmente su sintaxis es un paréntesis Fondation
paréntesis nuevamente fuera del paréntesis abres llaves y aquí pones nuevamente otro paréntesis Consol
log y y guardás cambios y notas como dice aquí estoy estos y.
Por eso se llaman de esta forma porque son funciones que se invocan inmediatamente o se invocan ellas
mismas y no tienes que mandarlas a llamar como éstas que dicen saludar suma una función cuando la rodeas
de esta forma ya se manda a llamar automáticamente ahora como le pasa parãmetros a una función ONIF
si lo pones aquí entonces aquí vamos a ponerle tecnología
aquí estoy aprendiendo.
Más tono más tecnología y aquí en el paréntesis se lo pones JavaScript y guardamos cambios y puedes
ver que aquí estoy aprendiendo JavaScript entonces aquí es donde pasa los parámetros a UNIFIL ya no
solo el video más largo de lo que ya es ya más de 11 minutos.
En el siguiente video vamos a continuar viendo más sobre funciones es un tema importante por lo tanto
tal vez nos tome dos videos más si continuamos en el próximo video viendo los métodos de propiedad.