Explicación del archivo TS: Cómo abrirlo y editarlo

por Erick Roch Moraguez

El archivo de código fuente de TypeScript es algo interesante, porque puede contener distintos niveles de código, documentación, comentarios y formato. En esta entrada del blog vamos a discutir cómo leer y entender un archivo de código fuente TypeScript de principio a fin. También veremos algunas herramientas que pueden facilitar la lectura de un archivo TypeScript. Algunos ejemplos de programas amigables con Type que pueden usar archivos TS como entrada son VSCode, Atom, Sublime Text y programas de terminal de Linux como Git Bash o Xcode. Lo primero que hay que hacer al leer cualquier nuevo fragmento de código es comprobar la presencia de tipos.

Si estás usando un editor de texto que soporta resaltado de sintaxis (como Atom o Sublime), entonces deberías ver un indicador en el editor de código junto a cualquier nombre de variable que haga referencia a una variable con una declaración de tipo. En VSCode o Notepad++, está disponible pulsando Ctrl+Shift+I (o Cmd+Shift+I) que proporciona un indicador mostrando si la variable ha sido declarada con información de tipo. Sigue leyendo para saber cómo encontrar estos indicadores y qué significan.

¿Qué es un archivo de código fuente TypeScript?

El archivo de código fuente TypeScript es un archivo de texto que puede contener una o más líneas de código, documentación y comentarios. Se compone de un lenguaje de programación llamado TypeScript, que es un subconjunto de JavaScript. El código dentro de un archivo de código fuente TypeScript puede contener variables, declaraciones de funciones y otras funcionalidades que permiten escribir y crear código. El uso principal de los archivos TS es permitir compartir código entre equipos. Esto significa que puedes tener a todos los miembros de tu equipo en un solo lugar, y todos pueden estar trabajando en el mismo código al mismo tiempo.

Las prácticas estándar para compartir código, como el versionado de código, la colaboración en las revisiones de código y la gestión de las dependencias de código, resultan más sencillas cuando se utiliza TS. TS es un sustituto de JavaScript y, por lo tanto, puede utilizarse en cualquier lugar en el que se utilice JavaScript actualmente. Puede utilizarse en diferentes aplicaciones web, aplicaciones móviles y aplicaciones de escritorio.

Instalación del compilador TypeScript para Windows y Linux

Para crear un archivo TypeScript, tienes que tener un compilador instalado. El compilador es el software que lee el archivo TS y lo traduce a código. Por ejemplo, el ejecutor de código de Microsoft Visual Studio Code le permite elegir entre compilar JavaScript, TypeScript y otros lenguajes.

A continuación, el ejecutor de código convierte el archivo TS en código JavaScript. Si utiliza un sistema basado en Linux como Ubuntu, puede instalar el compilador TypeScript abriendo el Dash y buscando «Node.js + TypeScript». A continuación, instala el comando «nvm» para que puedas utilizar diferentes versiones del compilador en cualquier momento.

Cómo encontrar información de tipo en un fragmento de código TS

Existen muchas herramientas en línea para el análisis y comprensión de archivos de código fuente TS. Una de estas herramientas es el sitio web TSfile.org para que pueda abrir y ver fácilmente el contenido de cualquier archivo TS. Basta con abrir el archivo de código TS en el navegador y hacer clic en el botón Abrir en el navegador actual. Alternativamente, puede utilizar TypeScript Interactive para abrir cualquier archivo de código TS. TypeScript Interactive es una herramienta de línea de comandos independiente, y puede utilizarla para abrir y analizar archivos TS.

El sitio web TSfile.org – una herramienta en línea para archivos TS

Hay muchos servicios en línea que le permiten analizar código TS. Uno de los más populares es TSfile.org. El sitio web es propiedad de la gente detrás del lenguaje de programación TypeScript. Esto significa que puedes utilizar su sitio web para ver, leer y analizar archivos de código fuente TypeScript. Puede encontrar el sitio web en el navegador introduciendo lo siguiente en la barra de direcciones del navegador: https://www.tsfile.org/ Una vez que aparezca el sitio web, haga clic en el botón Analizar TypeScript en la esquina inferior derecha. Esto le llevará a una página donde verá un elemento script> con el fragmento de código. Este fragmento de código es un archivo de código TS, y puedes hacer clic en el botón abrir en el navegador actual para abrir el código en el navegador.

Entender los tipos de variables en un fragmento de código TS

Los tipos de variables son importantes porque ayudan al compilador a saber qué tipo de datos debe tener la variable. El compilador no tiene el código fuente de su programa cuando lee el archivo TS. Necesita saber qué tipo de datos deben tener las variables para poder crear el código correcto que se ejecute en el ordenador. Hay dos maneras en que el compilador puede saber el tipo de datos de una variable:

– Declarando explícitamente el tipo de la variable. Un ejemplo de esto es la variable edad en el siguiente fragmento de código: var edad = 25;

– El compilador puede deducir el tipo de la variable mirando el tipo de su valor. Si declaras el valor de una variable con un valor como «hi», entonces el compilador puede inferir el tipo de la variable.

Comentario de documentación en un fragmento de código TS

Los comentarios de documentación son útiles para ayudar a los programadores a entender mejor el código. Hay diferentes tipos de comentarios en TS que puedes usar en tu código. Las etiquetas de comentario te permiten escribir un comentario TS en tu código.

Puede escribir sus comentarios entre /* y */. Por ejemplo, /* Esto es un comentario Si colocas una etiqueta de comentario entre dos líneas de código, el compilador ignorará ese comentario. Si coloca la etiqueta de comentario en una línea sola, el comentario se incluirá en el código de salida.

Conclusión

Mientras que lenguajes de programación como Python o R, donde la atención se centra principalmente en los resultados, TypeScript se centra más en ser legible y fácil de entender. Esto significa que tienes que poner más esfuerzo en leer y entender el código.

También significa que es menos probable que escribas mal código. Sin embargo, esto no significa que TS no sea potente. De hecho, es uno de los lenguajes de programación más rápidos que existen, y se utiliza en muchos frameworks y bibliotecas modernas.