Web.JS.Funciones.
Una función es algo muy usado en los lenguajes de programación. Son bloques de códigos que realizan un tarea y pueden ser llamados desde cualquier parte del programa, de esta forma es más eficiente y no hay que escribir el código tantas veces, sólo se hace una vez y se invoca cuando se necesite. Su sintaxis es la siguiente:
function nombre(parámetro1, parámetro2, parámetro3) {
instrucciones
}/*
- function. Es obligatorio ponerlo para que js sepa que es una función.
- parámetros. Son los valores con lo que va a trabajar la función, normalmente son variables locales.
- instrucciones. Los bloques de código que ejecutará cuando se llame la función.*/
Un ejemplo:
<!DOCTYPE html>
<html>
<body> <h1>Funciones</h1> <p>Un pequeño ejemplo de una función.</p> <p id="demo"></p> <script>
function producto(a, b) {
return a * b;
}
document.getElementById("demo").innerHTML = producto(4, 9);
</script></body>
</html>/*
- Todas las funciones se meten entre corchetes.
- En este ejemplo se crea una función que multiplica dos números. Los parámetros son a y b. Se crean exclusivamente para la función.
- La función en este caso, se invoca a través de elemento HTML llamado demo.
- La forma de invocar es simple; el nombre de la función y entre paréntesis los parámetros que se haya definido en éste.
- La función return sirve para devolver los valores de los parámetros y así termina la ejecución de la función. De esta manera le devuelve el control a la instrucción que lo llamó.*/
Ahora que se ha tocado las funciones, hay que tener en cuenta una cosa a la hora de crear variables.
Existen dos formas de crear variables; Globales y locales:
- Locales. Son variables que funcionan de forma local, de manera que sólo se puede usar en el procedimiento donde se cree. Un ejemplo:
<!DOCTYPE html>
<html>
<body> <p>Variables locales</p>
<p id="demo"></p> <script>
mifuncion();
document.getElementById("demo").innerHTML = mifuncion(); function mifuncion() {
var coche= "Ford";
}
</script></body>
</html>
En este ejemplo se crea una variable dentro de la función, es decir, que se creará sólo y exclusivamente para ese procedimiento, en cuanto termine la variable desaparece. A la hora de llamar la función, como se hace fuera del procedimiento, la variable no existe y saldrá un mensaje que pone “undefined”
- Globales. Son variables que se crean de forma global, de manera que se puede acceder a ella desde cualquier parte del código. Un ejemplo:
<!DOCTYPE html>
<html>
<body> <p>Variables Globales.</p>
<p id="demo"></p> <script>
var coche = "Ford";
mifuncion(); function mifuncion() {
document.getElementById("demo").innerHTML = coche;
} </script></body>
</html>
En este ejemplo la variable coche se define al principio del código. Esto significa que la variable es global, es decir, se puede preguntar por ella en cualquier parte del código, ya sea dentro de una función como fuera. Como se ve en el ejercicio, se pregunta por la variable dentro de la función y mostrará el resultado sin ningún tipo de problema.
