Mostrando entradas con la etiqueta javascript. Mostrar todas las entradas
Mostrando entradas con la etiqueta javascript. Mostrar todas las entradas

martes, 27 de noviembre de 2012

Javascript - Creación de un objeto

A diferencia de otros lenguajes de programación, javascript permite crear un objeto sin necesidad de recurrir a ningun metodo o función contructora. Podemos crear un objeto simplemente de la siguiente manera:

//creación del objeto
var oRectangle = {};


Con esta linea tenemos un objeto vacío, si queremos añadirle atributos bastaría de la siguiente manera:

oRectangle.width = 200;
oRectangle.height = 300;

Hemos asignado 2 atributos (alto y ancho), imaginemos que queremos un metodo que calcule el area, añadiriamos el metodo de la siguiente manera:

oRectangle.area = function () {
    return this.height * this.width;
};
//si ejecutamos el metodo nos devuelve el area
oRectangle.area();
//devuelve 60000

En este ejemplo vemos el uso de la palabra clave "this", this en javascript apunta a diferentes sitios dependiendo del "contexto" de ejecución. En concreto, si corresponde a un metodo de un objeto, this apuntará al objeto en cuestión, por el contrario en una función cualquiera this apuntará al objeto global (normalmente window). Entraremos más en detalle en otro articulo. En estos ejemplos, this es una variable que apunta al objeto instanciado (oRectangle).

Todo lo anterior podemos definirlo más directamente de la siguiente manera:

var oRectangle = {
    width : 200,
    height : 300,
    area : function () {
      return this.height * this.width;
    }
};

Más adelante veremos como crear funciones constructoras para simular la programación orientada a objetos en javascript, veremos el concepto de clase, herencia, abstracción, atributos privados. 

Hasta pronto


lunes, 8 de marzo de 2010

JQuery

Buenas, hoy quiero hablar de JQuery. Se trata de un Framework de javascript. Jquery facilita la labor a la hora de programar con javascript, ya que garantiza la compatibilidad con los navegadores más importantes. Además, jquery cuenta con un enorme surtido de plugins para hacer casi cualguier cosa:
  • Drag and drop (Arrastrar y soltar)
  • Animaciones
  • Slideshow
  • Validación de formularios
  • Ajax
En jquery podemos acceder a un nodo del DOM mediante la siguiente instrucción: $('#idDelNodo'); Para consultar un atributo del elemento: var srcImg = $('#idDelNodo').attr("src"); Para cambiar una propiedad del elemento: $('#idDelNodo').attr("src", "http://direccionDeLaImagen"); Una de las cosas más interesantes, consultar y editar el css: var fondo = $('#idDelNodo').css("background-color"); Y para editar: $('#idDelNodo').css("background-color", "#FFFFFF"); Bueno, ya iremos viendo más propiedades de este framework, espero subir algunos tutoriales para darle uso. De todos modos os invito a probarlo ya que vale la pena. Un saludo http://jquery.com/