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.

Crea 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.

Gracias 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.