Desmontando el código fuente

A medida que vayamos avanzando en nuestro trabajo, vamos a ir incrementando líneas de código, en algún momento pueden llegar a ser muy complejo el revisar muchas líneas de código, para lo cual es posible desmontar el código, es decir agruparlas por ciertas características.

 

Dicho de otra forma dividir el código para que esta sea más mantenible y se pueda reutilizar en algunas circunstancias, en conclusión tenemos que optimizar nuestro código fuente.

Según el lenguaje de promogramación en el que nos encontremos codificando las piezas o divisiones de nuestro código reciben distintos nombres tales como: módulos, subrutinas, rutinas, métodos. En JavaScript se las denomina "funciones", para lo cual se tomará un bloque de código y darle un "nombre" a ese bloque. Por ejemplo.- animaImagen, creaMensaje, calculaVolumen, calculaArea.

Y la forma de estructurar una función es tal como se muestra en estas líneas demostrativas de código:

function miFuncion () {
     alert("Esta es mi Función realizada");
     // En las lineas que sigue todo el demás código
     // Y aquí otro código, etc, etc
}
//Aquí llamamos a la función
miFuncion();
miFuncion();

Las funciones se pueden llamar tantas veces sea necesario. Una consideración muy importante es la de construir primero la "función" para luego recién llamar a esa "función".