Particularidades de la escritura en JavaScript

Contenido del Bootcamp Dirigido por: | Última modificación: 25 de octubre de 2024 | Tiempo de Lectura: 4 minutos

Algunos de nuestros reconocimientos:

Premios KeepCoding

JavaScript es un lenguaje de programación que nos permite desarrollar tanto el backend como el frontend de la web, algo que no muchos lenguajes de programación nos permiten hacer.

Sin embargo, como en todo lenguaje, existen particularidades de la escritura en JavaScript que debemos conocer para navegar su uso. Por ello, en este post, te enseñamos cuáles son estas particularidades y cómo utilizarlas.

Particularidades de la escritura en JavaScript

JavaScript es un lenguaje de programación robusto y complejo. Sin embargo, también es reconocido por darnos diversos resultados que no esperamos. En nuestro post sobre qué es JavaScript puedes encontrar algunos de los obstáculos que nos encontramos al intentar escribir ciertas ecuaciones en este lenguaje de programación.

Más allá de estos obstáculos, JavaScript tiene, como todo lenguaje, ciertas maneras de escribir código. A continuación, te explicamos algunas de las particularidades de la escritura en JavaScript que lo diferencian de otros lenguajes:

Punto y coma

Una de las particularidades de la escritura en JavaScript es la inserción del punto y coma después de cada propiedad. Mientras que este símbolo es muy común en el lenguaje de programación CSS, en Python es normal no utilizarlos. Sin embargo, en algunos lenguajes, el hecho de que este símbolo esté ausente al terminar una declaración puede incluso causar errores.

En JavaScript, este símbolo no siempre es completamente necesario. En algunos casos, según el modo de programación que utilices, será imperativo para evitar errores en la compilación de JavaScript. Sin embargo, de manera general, no necesitamos utilizar estos símbolos para escribir un código que corra.

Comentarios

Entre las particularidades de la escritura en JavaScript nos encontramos un modo diferente de insertar comentarios. En otros lenguajes, hemos visto símbolos como los que encontramos a continuación:

CSS

/* comentario */

HTML

<!– comentario –>

Estas dos maneras de escribir comentarios tienen en común que hay un símbolo que define el inicio del comentario y otro que define su final. En JavaScript, los comentarios se escriben con dos símbolos de slash o barra diagonal (//). Sin embargo, en este lenguaje de programación solo se escriben al inicio del comentario.

Template strings

Un string es una cadena de caracteres que puede crearse de diversas maneras. En la programación, podemos crear cadenas de caracteres usando ciertos datos, como constantes. El modo tradicional de hacer esto era usar las concatenaciones de tipo +.

Te ponemos un ejemplo. Digamos que definimos que la constante de role es teacher y que la constante teacherName es Jordi. Esto lo escribiríamos con las siguientes líneas de código:

const role = 'Teacher';

const teacherName = 'Jordi'

Entonces, si queremos crear la frase The teacher is Jordi, podemos insertar un string usando estas constantes y el modo tradicional. Esto lo escribiríamos de la siguiente manera:

const phrase1 = 'The ' + role + ' is ' + teacherName; 

Esta manera funciona perfectamente y se usa mucho en el mundo del desarrollo web. Sin embargo, en JavaScript podemos hacer esto de una manera distinta usando el símbolo back tick o acento abierto. Entonces, lo que haremos será escribir la frase directamente con las constantes, sin ninguna concatenación, dentro de una pareja de estos símbolos.

En este método no resaltamos las palabras comunes con las comillas simples ni usamos el símbolo + para unir los elementos. Lo que hacemos es resaltar las variables así: ${variable }. A continuación, puedes ver cómo escribiríamos exactamente la misma frase que en el ejemplo anterior:

const phrase 2 = `The ${role} is ${teacherName}`

Aunque ambos métodos para escribir strings crean la misma frase como resultado, este método de escritura de strings puede ser más legible y sencillo para algunos. Finalmente, es tu decisión cuál utilizar.

Ten presente que en este contexto hemos utilizado la nomenclatura camelCase para definir el nombre de la variable teacherName. Esta nomenclatura nos dice que, cuando queremos definir una variable con más de una palabra, empezamos la siguiente palabra con mayúscula en vez de insertar un espacio entre las palabras. Esto evita que JavaScript entienda nuestro nombre como dos variables separadas, algo que sucedería si separamos las variables con un espacio. Otra manera de hacer esto es sustituir el espacio por un guion bajo y escribir el texto siempre en minúsculas.

Ahora que, después de leer este post, sabes algunas de las particularidades de la escritura en JavaScript, estamos seguros de que quieres seguir aprendiendo sobre este robusto e intrincado lenguaje de programación. En KeepCoding somos fieles creyentes de que la mejor forma de aprender a programar es una combinación entre la teoría y la práctica. Por ello, te invitamos a ser parte del Bootcamp Desarrollo Web.

En esta formación intensiva, además de seguir aprendiendo sobre lo que distintos lenguajes de programación para la web, como es el caso de JavaScript, pondrás tus conocimientos en práctica con diversos proyectos finales. Así, al cabo de unos pocos meses, no solo serás un experto en desarrollo web, sino que también tendrás cómo comprobarlo gracias a tu propia página web. ¿Te animas a seguir aprendiendo y cumplir tu sueño de ser un desarrollador web profesional? ¡No lo dudes más e inscríbete ya para triunfar en el sector IT!

Alberto Casero

Alberto Casero es CTO en Watium, Fundador de Kas Factory & Coordinador del Bootcamp en Desarrollo Web.

Posts más leídos

¡CONVOCATORIA ABIERTA!

Desarrollo Web

Full Stack Bootcamp

Clases en Directo | Profesores en Activo | Temario 100% actualizado