Frecuentemente, cuando son creadas
las variables en páginas web y ejecutadas en una función, ocurre el error de
utilizarlas en otra sin la intención del programador. El problema radica en los
valores contenidos en las variables, los cuales alteran el resultado. Además, en
ocasiones, para la creación de funciones, son utilizadas palabras reservadas
del lenguaje Javascript, y también ocasionan errores.
Debido a ello, con la finalidad de
crear códigos para tareas específicas, manejaremos con precisión funciones en
el lenguaje Javascript, según las reglas de este lenguaje de programación.
Una función de Javascript es un fragmento
de código, en el cual se encuentran instrucciones para ser ejecutadas una y
otra vez cuando sea necesario, sin la necesidad de reescribirla por completo en
cada oportunidad. Para crear un documento Javascript complejo y óptimo es
necesario dividirlo en pequeñas partes y cada una será una función.
En Javascript existe la palabra
reservada function, con la cual
creamos una función. Luego agregamos el nombre y, de inmediato, sin espacios,
añadimos dos paréntesis. Posteriormente, dentro de las llaves, agregamos las instrucciones
o procedimientos requeridos. Es necesario tener precaución cuando asignamos un
nombre a una función, debido a la sensibilidad entre mayúsculas y minúsculas.
061-01_1305_ilu01.
Estructura de una función
Las funciones contienen
argumentos, es decir, dentro de los paréntesis agregamos variables, con las
cuales ejecutamos las instrucciones. Las funciones con argumentos son útiles
cuando utilizamos el mismo procedimiento varias veces, con valores diferentes
en cada entrada, por ejemplo, realizar una suma entre dos números almacenados
en a y b, ellos podrían ser ingresados por el usuario en la página web.
061-01_1305_ilu02.
Tipos de una función
Al momento de crear funciones
personalizadas, es necesario tener precaución con las palabras nativas del
lenguaje Javascript. Es decir, al crear las nuestras es necesario utilizar
nombres diferentes a los ya existentes. Entre las funciones nativas de
Javascript tenemos:
- Alert: es una función a nivel del navegador para activar una caja de
diálogo.
- Date: es una función para mostrar una fecha y hora actual.
- setTimeout: es una función para activar otra en un tiempo específico. Al
utilizarla es necesario respetar mayúsculas y minúsculas, como aparece en la
siguiente ilustración, donde se especifica el tiempo en 7000 milisegundos.
061-01_1305_ilu03.
Clasificación de una función
Cuando creamos variables existen
dos tipos: las locales, creadas dentro de una función, y las globales, creadas
fuera de ésta. Las variable globales son utilizadas por todas las funciones
descendientes, por lo tanto, a veces ocurre una colisión de datos cuando es
afectada en cada una. Por ejemplo, se utiliza la variable con un valor inicial
y en la función se modifica, luego es utilizada en otra con este nuevo valor
sin conocimiento del cambio previo, por lo tanto arroja valores incorrectos.
Debido a ello, es recomendable utilizar variables locales, de lo contrario
tener suma precaución.
061-01_1305_ilu04.
Clasificación de una variable
Keynotes
- Una función de Javascript es un fragmento de
código, en el cual se encuentran instrucciones para ser ejecutadas una y otra
vez cuando sea necesario, sin la necesidad de reescribirla por completo en cada
oportunidad.
- Para crear un documento Javascript complejo
y óptimo es necesario dividirlo en pequeñas partes y cada una será una función.
- En Javascript existe la palabra reservada function, con la cual creamos una
función. Luego agregamos el nombre y, de inmediato, sin espacios, añadimos dos
paréntesis. Posteriormente, dentro de las llaves, agregamos las instrucciones o
procedimientos requeridos.
- Las funciones pueden contener argumentos, es
decir, dentro de los paréntesis agregamos variables, con las cuales ejecutamos
las instrucciones.
- Cuando creamos variables existen dos tipos:
las locales, creadas dentro de una función, y las globales, creadas fuera de
ésta.
RetoCrea un resumen del manejo de funciones en el
lenguaje Javascript, según las reglas de este lenguaje de programación.
Previamente, realiza un debate del tema con tus compañeros.
¡Comparte el resultado final del reto en tu vPages!
Tiempo disponible: entre 15 y 30 minutos.
CierreGracias al manejo con precisión de funciones en el lenguaje Javascript, creamos
correctamente páginas web, sin
errores en la ejecución de variable debido al uso de las palabras reservadas de
este lenguaje. Creamos bloques de códigos para tareas específicas, los cuales serán
ejecutados con excelencia. La organización y disciplina son determinantes para
lograr el éxito en la creación de funciones.
