Formas de ejecutar código de JavaScript

javascript ejecución

Tiempo de lectura:

Publicado:

¿A qué nos referimos con ejecutar código?

Se le llama así al proceso de tomar instrucciones escritas en código y hacer que la computadora o el dispositivo las realice.

Para JavaScript existen diferentes maneras de lograrlo:

  • En el navegador
    • Mediante la consola
    • Mediante archivos
  • En nuestro sistema operativo (usando NodeJS)
    • Mediante la consola
    • Mediante archivos

En el navegador

En el navegador mediante consola

Ya que JS es un lenguaje que fue creado inicialmente para la web, podemos usarlo directamente en el navegador que usamos diariamente.

La manera más sencilla de lograrlo es por medio de las Herramientas de desarrollador.

Para abrirlas podemos usar el menú de los tres puntos > más herramientas > herramientas de desarrollador.

También podemos usar el atajo de teclado F12.

Se abrirá una ventana con distintas pestañas.

Si damos clic en la pestaña Console o Consola, tendremos una ventana como esta:

Aquí podemos empezar a escribir el JS, copiemos este código a la consola:

alert("Hola mundo");

Y presionemos Enter para ejecutarlo. Deberá aparecer una ventana como esta:

Acabamos de crear nuestro primer “Hola mundo”, el ejercicio más básico de programación.

En el navegador mediante archivos

Otra alternativa para ejecutar código de JavaScript es crear una página web y usar JS dentro de ella.

Para ello debemos crear un archivo index.html con la estructura básica de un documento HTML.

Podemos usar el atajo de autocompletado ! para generar el código HTML necesario para comenzar. Eso resultará en el siguiente código:

<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body></body>
</html>

Dentro del cuerpo del documento (<body>) podemos agregar un elemento <script> y agregar las instrucciones en JS que queramos.

<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      alert("Hola mundo");
    </script>
  </body>
</html>

Ahora podemos guardar y abrir el archivo con nuestro navegador. Deberá aparecer el mismo mensaje que vimos en el primer ejemplo.

En NodeJS

En la sección anterior mencionamos que JS fue un lenguaje creado principalmente para navegadores.

En algún punto de la historia alguien decidió que sería buena idea usar el lenguaje fuera del navegador.

Así fue como surgió NodeJS, una herramienta que nos permite controlar partes de nuestro sistema operativo y otras funciones.

En NodeJS mediante la consola

Para este método debemos descargar e instalar NodeJS.

Una vez instalado, debemos abrir nuestra terminal y escribir node.

Entraremos en un modo de la consola que nos permitirá escribir JS y ejecutarlo de manera instantánea.

Ahora podemos agregar un código similar al ejercicio pasado, esta vez usaremos console.log en lugar de alert:

console.log("Hola mundo");

Se verá similar a lo que vemos en la consola del navegador. Con excepción de que no necesitamos al navegador para correr este código.

En NodeJS mediante archivos

Si queremos tener programas que podamos ejecutar de manera repetida, podemos crear un archivo con la extensión .js.

Agregamos código, guardamos y podemos utilizar NodeJS para correrlo.

Abrimos una consola en el directorio o carpeta en el que se encuentre nuestro archivo y escribimos el comando: node NOMBRE_DEL_ARCHIVO. Es decir, si llamamos a nuestro archivo script.js vamos a tener que escribir el comando node script.js.

Diferencias entre JS de navegador y JS de NodeJS

Hay conceptos que pueden ser usados en ambos ambientes o entornos. Como la creación de variables, ciclos, funciones, etc. Conceptos que podríamos considerar “básicos”.

Mientras que hay otras herramientas que dependen del entorno. Por ejemplo, en JS para navegador podemos usar la variable global document para conseguir los diferentes elementos que componen nuestro documento HTML.

En NodeJS no existe esta variable ya que el programa no está corriendo sobre un archivo HTML en el navegador, sino sobre la computadora.

De manera similar, en NodeJS tenemos herramientas que nos permiten crear, modificar y borrar archivos dentro de nuestra computadora. Funciones que no pueden ser usadas dentro del JS de navegador.

Comentarios