Fundamentos de JavaScript (parte III)

Hoy veremos cómo podemos ejecutar código JS de manera sencilla utilizando Node.js.

Photo by Ferenc Horvath on Unsplash

Según wikipedia:

Node.js es un entorno en tiempo de ejecución multiplataforma, de código abierto, para la capa del servidor (pero no limitándose a ello) basado en el lenguaje de programación JavaScript, asíncrono, con E/S de datos en una arquitectura orientada a eventos y basado en el motor V8 de Google.

Es decir, a partir del motor de JS de chrome, nació Node.js, con el objetivo de poder desarrollar la parte del backend con la misma tecnología que ya conocemos en el front.

Para instalar Node.js, a partir de la página https://nodejs.org/es/ y, siguiendo las instrucciones de nuestro entorno, instalaremos Node.js en nuestra máquina.

Una vez que lo tengamos instalado, verificamos la versión instalada de Node.js mediante:

$> node -v 
v12.16.1

Para hacer nuestro primer ejemplo, ejecutaremos, desde línea de consola también:

$> node -p "console.log('Hello world');"
Hello world 
undefined

Podemos ver 2 cosas interesantes:

• El resultado de ejecutar el comando console.log()
• undefined: Es el resultado de ejecutar el código. Al no ser una función, no devuelve nada, por lo tanto, imprime undefined.

De hecho, si probáis a ejecutar código que devuelva valores, veréis que se imprimen automáticamente:

$> node -p "Math.pow(2,3)" 
8

Ejecutar código desde VSCode

En nuestro día a día, necesitaremos lanzar código directamente desde nuestro IDE favorito.

VSCode con código JS

Para ello, simplemente pulsamos F5 o seleccionamos Run > Run without debugging. En cualquier de los 2 casos nos preguntará sobre cómo lanzar el código:

Selección de environment dentro de VSCode

Seleccionamos Node.js y pulsamos intro. Veremos cómo se nos selecciona la vista de Debug y, la debug console, en la que veremos la salida de nuestro script

Vista de debug de VSCode

Configuración de debug

Si no queremos tener que estar seleccionando el entorno en cada ejecución, incluso, si queremos personalizar aun más el entorno de desarrollo, deberemos crear un fichero de lanzamiento (launch.json).

Para ello, desde la propia página de debug, podemos seleccionar “create a laun.json file”, que nos lo creará automáticamente con la configuración que seleccionemos.

Creando fichero launch.json

Esto nos creará un fichero de configuración dentro del directorio .vscode con la configuración por defecto

{
  // Use IntelliSense to learn about possible attributes.
  // Hover to view descriptions of existing attributes.
  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
  "version": "0.2.0",
  "configurations": [
    {
      "type": "pwa-node",
      "request": "launch",
      "name": "Launch Program",
      "skipFiles": [
        "<node_internals>/**"
      ],
      "program": "${workspaceFolder}/index.js"
    }
  ]
}

Ahora, cuando lancemos el comando con F5, nos ejecutará siempre node sobre el fichero index.js, sin preguntarnos por el tipo de ejecución.

Enlaces interesantes:

• Fundamentos de JavaScript (parte II)