Gonzalo Rementeria

11 – Mejora tu código en Canvas app

En este artículo os voy a dar unos cuantos consejos para mejorar la legibilidad del código de vuestras CanvasApp, algo que considero imprescindible. Y para ello usaremos 3 trucos. Las Funciones, el $ y el With.

Para entender bien que es esto de la legibilidad veamos esta app super sencilla. Que solo contiene unos textos que  muestran lo mismo por fuera, pero por dentro (el código) está hecho de 3 formas distintas (de peor legibilidad rojo a mejor, verde).

1º Forma. Que seguramente en algún momento hayamos hecho y que deberíamos tratar de evitar

 

 

Como hemos visto hemos escrito un montón de código que además se entremezcla con el texto haciendo que resulte muy confuso leerlo. Podríamos usar variables de entorno con Set o locales con UpdateContext, pero eso nos obligaría a ver donde colocarlas, desperdigar más él código, etc. Lo cual no es algo recomendable.

2º Forma. Usaremos ${} en lugar de & y usaremos with anidados.

 

 

Como vemos el código nos queda algo largo, pero tiene varias ventajas. Como que todo el código que necesitamos está en este punto. Lo cual hace que no perdamos tiempo en ir a otras partes del código. Además toda la frase queda prácticamente de una pieza en la parte inferior. Lo cual hace que sea mucho más legible. Pero es una pena no reutilizar todo este código si nos hace falta. Ojala hubiese otra opción mejor… Espera, veamos la tercera opción.

3º Forma usar las Funciones

 

Como vemos el código queda mucho más limpio y legible. Como hemos logrado esto. Pues usando las funciones. Espera un momento. No sabes que es esto. Pues mira este otro breve artículo sobre las Funciones que no tiene pérdida.

 

2 comentarios en “11 – Mejora tu código en Canvas app”

Los comentarios están cerrados.