Un archivo JSON es un tipo de archivo que nos encontraremos en muchos softwares de programación para la web pues nos permiten realizar diversas funciones. Por ello, es importante saber qué son y cómo nos ayudan a mejorar nuestra manera de programar. En este post, te explicaremos qué es un archivo JSON y qué funciones cumple a la hora de utilizar nuestro software de programación.
¿Qué es un archivo JSON?
Para saber qué es un archivo JSON podemos utilizar sus siglas, que representan el nombre JavaScript Object Notation. En español, esto quiere decir notación de objetos de JavaScript. Entonces, un archivo JSON fue uno de tantos archivos de texto creados para JavaScript. Sin embargo, este tipo de archivo pronto se consideró un lenguaje independiente, por lo que lo encontramos cuando trabajamos con otros lenguajes de programación, como CSS y HTML. En resumen, este formato se transformó en una alternativa del lenguaje XML.
Los archivos JSON normalmente cumplen la función de definir las configuraciones de nuestro entorno de programación. Por ello, casi todos los lenguajes de programación contienen bibliotecas o secciones que se pueden leer con un archivo JSON. Ten presente que este tipo de archivos definen las configuraciones de nuestro entorno usando objetos JSON. Al ser un lenguaje que nace para ser un subconjunto de JavaScript, los objetos JSON son muy parecidos a los objetos de JavaScript. Sin embargo, un objeto JSON no contiene funciones, simplemente tiene asignaciones clave:valor.
En este tipo de elementos, los valores pueden ser números, booleanos, null, strings, arrays u otro tipo de objetos. Sin embargo, no podemos por nada del mundo insertar lógica en los objetos de este archivo. Esto es diferente a un objeto de JavaScript, en el que podemos poner funciones que actúan como métodos, al igual que cálculos y callbacks.
Otro aspecto a tener en cuenta en un archivo JSON es que las claves que definen nuestra configuración van entre comillas, algo que no sucede en JavaScript. A continuación, te explicamos para qué funcionan los archivos JSON en el contexto del debugger de JavaScript.
¿Para qué funcionan un archivo JSON?
En uno de nuestros posts anteriores, te hemos enseñado qué es y cómo funciona el debugger de JavaScript. Allí, has visto cómo correr y depurar tu código utilizando el panel de variables y el menú de controles. Sin embargo, no te hemos hablado de la posibilidad de modificar el panel de depuración o debug console con la ayuda de un archivo JSON. A continuación, te explicamos de qué trata todo esto.
En el software de programación Visual Studio Code, debajo del botón “Run and Debug” que hemos utilizado antes para activar el debugger, encontramos una opción con el siguiente texto: “To customize Run and Debug create a launch.json file”. Esta opción nos va a permitir personalizar nuestro debugger o panel de depuración.
Al hacer clic sobre esta opción, nuestro programa abre una barra de navegación con distintas opciones para que elijamos nuestro entorno. Nosotros pincharemos en la opción node.js, pues es el entorno con el que hemos trabajado todo lo relacionado con JavaScript en KeepCoding. Esto hará que el programa cree un archivo llamado launch.json y lo inserte dentro de nuestra carpeta llamada vscode.
Ahora que sabes qué es un archivo JSON, puedes imaginarte qué contiene nuestro nuevo archivo launch.json. Así es, este contiene un texto con las distintas configuraciones que tenemos disponibles para el debugger de JavaScript. Como hemos dicho antes, estas configuraciones están escritas en términos de clave:valor.
¿Quieres seguir aprendiendo?
Ahora que sabes qué es un archivo JSON y cuál es su principal función en relación al debugger de JavaScript, ¡es la hora de que empieces a utilizar esta herramienta de depuración para analizar tu código! Desde KeepCoding, te recomendamos esto porque creemos que la mejor manera de dominar un lenguaje de programación es combinar la teoría con la práctica. Por ello, te invitamos a participar en nuestro Desarrollo Web Full Stack Bootcamp. Allí no solo aprenderás a dominar JavaScript, sino también otros lenguajes de programación para la web, como CSS y HTML. ¿A qué estás esperando para unirte? ¡No te pierdas esta oportunidad de convertirte en un experto del desarrollo web e inscríbete ya!
