En otros artículos te hemos enseñado cómo crear distintas operaciones y bucles en JavaScript, pero todavía no hemos abordado cómo llevar a cabo la ejecución de scripts de JavaScript para observarlos en acción. En este post, te guiaremos sobre cómo es el proceso de ejecutar el código de JavaScript para que puedas verificar los resultados de tus líneas de código.
¿Qué encontrarás en este post?
Toggle¿Qué necesitas para ejecutar el código de JavaScript?
Para ejecutar el código de JavaScript siguiendo los pasos que te daremos, necesitarás tener instalado un software de programación y el entorno de ejecución Node.js. Como leímos en nuestro post sobre la historia de JavaScript, Node.js es un entorno de ejecución creado en 2009 por Ryan Dahl, quien separó el motor V8 de su navegador, convirtiendo JavaScript en un lenguaje crossplatform.
¿Cómo ejecutar el código de JavaScript?
Para ejecutar el código de JavaScript, debemos tener presente el software de programación que estamos usando. En nuestro caso, estamos usando Visual Studio Code, un editor de código creado en 2015 que funciona en diversos sistemas.
- Dentro de este software podemos ejecutar el código de JavaScript al darle clic al rectángulo «No Problems» en la barra azul del borde inferior. Al pinchar en este triángulo, el software nos abre un submenú debajo del editor. Este submenú contiene las secciones problems, output, debug console y terminal, además de tener una barra de búsqueda.
- Ahora, pincha en la sección terminal. Esto nos abre una terminal que está embebida en el mismo Visual Studio Code. Si eres un amante de Windows o de Linux, ejecutarás el mismo comando: cd. Después de este comando, escribes el nombre de la carpeta en la que se encuentra el archivo que quieres ejecutar seguido por la barra oblicua (/). Imagina que nuestra carpeta se llama «ejemplos», entonces escribiríamos lo siguiente para ejecutar un archivo JS:
cd ejemplos/
- Al darle a enter, Visual Studio Code te dará una frase. Al lado de esta frase debes agregar el comando node y el nombre del archivo que quieres ejecutar. No es necesario que escribas el nombre completo del fichero, para ejecutar archivos JS, pues con darle al tabulador el software autocompletará el nombre en función de los archivos que puede reconocer. Entonces, supongamos que nuestro archivo se llama «bucles.js»; para ejecutar el código de JavaScript de «bucles» escribiríamos lo siguiente:
node bucles.js
- Al darle a enter después de escribir esta frase, el software nos dará el resultado de nuestro código. Ahora, imagina que nuestro código es un bucle do-while; al darle a enter, recibiremos la siguiente ejecución:
The value of i is 1
The value of i is 2
The value of i is 3
The value of i is 4
The value of i is 5
The value of i is 6
The value of i is 7
The value of i is 8
The value of i is 9
Ten presente que el lenguaje JavaScript se ejecuta de manera secuencial. Es decir, el orden de ejecución será de arriba abajo y de izquierda a derecha, por lo que lo primero que se ve en el editor es lo primero que se ejecuta. Por esta razón, vemos un orden secuencial en la ejecución de nuestro bucle, pues primero se pinta el 1, luego se pinta el bucle con su incremento y se repite hasta el 9. Todo lo que no se pinte es porque está fuera del bucle.
¿Quieres aprender más sobre cómo ejecutar el código de JavaScript?
Estamos seguros de que ahora que sabes cómo ejecutar el código de JavaScript, ¡te emociona la idea de empezar a escribir todo tipo de líneas de código y ver sus resultados! Por ello, te invitamos a que sigas aprendiendo con nosotros sobre las posibilidades que tiene JavaScript en el Desarrollo Web Full Stack Bootcamp, donde en unos pocos meses aprenderás todo lo necesario para ser un experto en desarrollo web. Además, aprenderás a desarrollar tus propios proyectos con diferentes lenguajes de programación. ¿A qué esperas para cumplir tu sueño de ser un desarrollador web profesional? ¡Te esperamos!