24 de marzo de 2013

Inicio rapido en Javascript - Parte 1

Javascript es un lenguaje que se ha puesto de moda en el desarrollo web, especialmente con Node.js y la posibilidad de crear aplicaciones móviles nativas usando PhoneGap o incluso directamente en Windows Phone con HTML5.
El conocer Javascript es muy útil además para desarrollar con toda la potencia de jQuery.

Introducción a Javascript

Declaración y Asignación de Variables

En la declaración de variables en Javascript se puede efectuar la asignación directamente:
    //variable de tipo string:
    var mi_variable = "El Rey Arturo";

    //variable de tipo numérico:
    var edad = 27;
    var peso = 75.6;

    //variable de tipo lógico (Boolean):
    var es_mujer = false;
    var es_varon = true;

    //variables de tipo null y undefined:
    var monto_deuda = null;
    var plazo = undefined;
    var plazo; //también internamente se maneja como undefined

    //variable de tipo objeto
    var variable_identificando_funcion = function() {...};

Objetos en Javacript

Los objetos en Javascript son distintos a los encontardos en otros lenguajes de programación.
Por ejemplo en PHP, los objetos son instancias de una clase. En Javascript no existe el concepto de clase sino que los objetos son más parecido a los creados en PHP usando stdClass.
    //Creando un objeto usando un constructor
    var usuario1 = new Object;

    usuario1.nombre = "Rafael";
    usuario1.es_activo = true;

    //Creando un segundo objeto de un modo alternativo
    var usuario2 = {
        nombre: "Gustavo",
        apellido: "Gonzalez",
        es_activo: false
    }

    //desplegando el valor de las variables
    alert("Los usuarios son: " + usuario1.nombre + " " + usuario2.nombre);

Como en cualquier lenguaje, hay algunas funciones predefinas, tal es el caso de la función 'alert' que permite desplegar en una miniventana para mostrar la información pasada por el argumento a la función.

Arreglos

Los arreglos son un conjunto de variables ordenadas según un índice numérico y correlativo que se inicia en cero (0).
    //creando un arreglo con un cosntructor
    var meses_de_verano = new Array;
    meses_de_verano[0] = "Diciembre";
    meses_de_verano[1] = "Enero";
    meses_de_verano[2] = "Febrero";
    meses_de_verano[3] = "Marzo";

    alert(meses_de_verano.length);//imprime 4
    alert(meses_de_verano[11]);//imprime undefined

    //una segunda forma de crear un arreglo
    var meses = ["Diciembre", "Enero", "Febrero", "Marzo"];
Otro métodos disponibles para los arreglos son:
    //creando un arreglo vacio
    var var_dump = [];

    //insertando valores usando push
    var_dump.push("Hola");
    var_dump.push(" Mundo!");

    alert(var_dump[0] + var_dump[1]);
Hay varias útiles funciones que permiten operar con mayor facilidad los arreglos.