QuarkBlog_2.0

Vamos a ver si retomamos el pulso del blog que últimamente no tengo apenas tiempo para escribir y esta la cosa de capa caida.

En las últimas semanas he escrito varios miles de lineas en JavaScript, un lenguaje por el que no daba ni un duro y que me ha sorprendido gratamente. Creo que ese desprecio por parte de los desarrolladores es una inmerecida lacra que tiene JavaScript desde el principio de su existencia, siendo considerado como un lenguaje para hacer chorradillas de no más de 5 lineas en las webs. Nada más lejos de la realidad: JavaScript es increíblemente potente pero para apreciar su potencia hay que aprender a jugar en su campo ya que es muy diferente de otros lenguajes de programación.

Voy a dedicar bastantes artículos en el blog a JavaScript. El primero de la serie está dedicado a la peculiar orientación a objetos que propone el lenguaje, muy diferente de la orientación clásica de lenguajes como C++ o Java.

En JavaScript no hay una palabra reservada Class con la que definir estáticamente un objeto —recordemos que es un lenguaje de script por lo que estático no es un atributo adecuado que podamos utilizar para definirlo— por el contrario tenemos varias formas de simular la orientación a ojetos (encapsulación, herencia, etc.), yo voy a emplear las clausuras y los prototipos para declarar una clase con métodos y variables privadas.

Resumen

• Hay una función base que toma el rol de constructor de clase a la vieja usanza de Java o C++. A esta función se le pueden enchufar métodos en tiempo de ejecución por medio de los prototipos.
• Las variables privadas se declaran con la palabra reservada var dentro de la función base, y sólo pueden ser accedidas por funciones privadas y métodos privilegiados.
• Las funciones privadas se declaran dentro de la función constructora (o de manera alternativa a través de var functionName = function () {...}) y sólo pueden ser llamadas por los métodos privilegiados (incluyendo la función constructora).
• Los métodos privilegiados se declaran con la forma this.methodName = function () {...} y pueden ser invocados desde el código externo al objeto.
• La porpiedades públicas se declaran con la forma this.variableName y pueden ser leidas y escritas desde fuera del objeto.
• Lo métodos públicos se definen con la forma Classname.prototype.methodName = function(){...} y pueden ser llamados desde fuera del objeto.
• Las propiedades de prototipo se definen con la forma Classname.prototype.propertyName = someValue.
• Las propiedades estáticas se definen con la forma Classname.propertyName = someValue.

Ejemplo

En este ejemplo, una persona obtiene su nombre y raza al nacer y estos parámetros no pueden ser cambiados nunca. Cuando nace, empieza teniendo un año y se determina un valor de edad máxima para esta persona. El individuo tiene un peso que se modifica al comer (triplicando su peso) o haciendo ejercicio (reduciéndolo a la mitad). Cada vez que la persona come o hace ejercicio, crece un año. El objeto persona tiene una propiedad de acceso público ‘clothing‘ que cualquiera puede modificar, asi como un factor de suciedad que puede ser modificado manualmente (ensuciándose o limpiándose), pero que se incrementa cada vez que la persona come o hace ejercicio, y se reduce cada vez que se utiliza el método shower().

Código de ejemplo

Aquí hay un pequeño programa que utiliza la clase persona:

Notas

• maxAge es una variable privada sin un método accesor privilegiado; como tal, no hay manera pública de hacer un get o un set sobre ella.
• race es una variable privada definida sólo como una rgumento del constuctor. Las variables pasadas al constructor están disponibles para el objeto como variables privadas.
• El método 'tinfoil' beCool() fue aplicado sólamente al objeto gk, no a la clase Persona entera. Otras personas creadas y que uticen el método beCool() pueden continuar usando el original ‘khakis and black shirt’ que Gavin deshechó en vida.
• Observa la llamada implicita al método gk.toString() cada vez que hay una concatenación de cadenas. Eso es lo que permite al código alert(gk + ' is so cool.') poner la palabra ‘Gavin’, y es equivalente a hacer alert(gk.toString() + ' is so cool.'). Cada objeto de cada tipo en JavaScript tiene un método .toString(), pero lo puedes sobeescribir con uno propio.
• No puedes asignar métodos públicos a una clase dentro del objeto constructor. Debes uilizar la propiedad prototype de manera externa, como se ve en los métodos beCool() y shower().
• Como he intentado mostrar en la propiedad Person.prototype.legs y en la función amputate(), las propiedades de prototipo estan compartidads por todas las instancias del objeto. Preguntando por lk.legs nos devuelve ‘2′ despues de mirar la propiedad de prototipo. Sin embargo, si intentamos cambiar este valor utilizando gk.legs=1 o (en el objeto Persona) this.legs=1 acaba creando una nueva propiedad pública del objeto específico de dicha instancia. (Esta es la razón por la que llamando a gk.amputate() sólo se le quia una pierna a Gavn, pero no a Lisa.) Para modificar una propiedad de prototipo, debes utilizar Person.prototype.legs=1 o algo parecido a this.constructor.prototype.legs=1. (Digo algo parecido a porque he descubierto que this.constructor no esta disponible dentro de las funciones privadas de un objeto, sino que apunta a el objeto window de su ambito.)
• Si una función anonima se declara inline con
  1. foo = function (p1,p2) { some code }

  el constructor new Function() no es equivalente, por ejemplo

  1. foo = new Function(‘p1′,‘p2′,‘code’);

  La razón es que la última función se ejecuta en el ámbito global —en lugar de heredar el ámbito de su función constructora— previniendola de acceder a las variables privadas.

• Como habrás notado en los comentarios del código, el echo de asigna un valor a gk.race no sobreescribe la variable privada race. Aunque si bien pede parecer una idea estúpida, puedes tenerr dos variables (una pública y otra privada) con el mismo nobre. Por ejemplo, el método yell() en la siguiente clase devuelve diferentes valores para foo y this.foo:
  1. function StupidClass()
  2. {
  3.     var foo = "internal";
  4.     this.foo = "external";
  5.     this.yell=function(){ alert("Internal foo is "+foo+"\nExternal foo is "+this.foo) }
  6. }
• Las funciones privadas y los métodos privilegiados, como las variables privadas y las propiedades públicas, son instanciadas con cada nuevo objeto creado. Asi que cada vez que se llama a un nuevo Person(), nuevas copias de makeOlder(), toString(), getName(), eat(), exercise(), weigh(), getRace(), getAge(), y muchTimePasses() son creadas. Para cada persona, cada vez.

  Si comparamos esto con los métodos públicos (sólo existe una copia de beCool() y shower() sin importar cuantas personas hayamos creados) puedes ver que por razones de rendimiento y memoria es preferible degradar la protección de un objeto y utilizar métodos públicos.

  Hacer esto requiere que transformemos variables privadas en públicas (porque sin accesores privilegiados no hay manera de utilizarlas) así los método públicos podrán acceder a ellas… y también código externo podrá ver y destruir dichas variables. La optimización de utilizar únicamente propiedades y métodos públicos hace que tu código sea menos robusto.

  Por ejemplo, en el código de arriba age y maxAge son variables privadas; age sólo puede ser accedida externamente a trevés de getAge() (y no puede cambiar su valor) y maxAge no puede ser leida ni modificada externamente. Cambiandolas para que sean propiedades públicas permite que cualquier código haga cosas como

  1. gk.maxAge=1; gk.age=200;

  cosa que no sólo no tiene sentido (no deberías poder manipular directamente la esperanza de vida de alguien), sino que modificando esas variables directamente la variable alive no se actualiza correctamente, dejando a la persona en un estado incongruente.

Recursos

Más información sobre clausuras, funciones anónimas y prototipos en le libro JavaScript, The Definitive Guide de David Flanagan editado por O’Reilly.

El código original de la clase Persona fue creado por Gavin Kistner.