TypeScript admite tipos personalizados, que se pueden definir mediante ' interfaz ' o ' tipo ”. Una interfaz puede ser implementada por una clase o un objeto, mientras que un alias de tipo solo puede utilizarse para crear un nuevo nombre para un tipo existente o para definir una unión de tipos. Aunque los tipos y las interfaces suelen ser intercambiables, existen ciertas diferencias en su funcionalidad y sintaxis que los hacen más apropiados para escenarios particulares.
Este blog describirá la interfaz y el tipo de TypeScript y sus diferencias.
¿Qué es la interfaz TypeScript vs Type?
“ Interfaz ' y ' tipo ” se utilizan para definir tipos personalizados en TypeScript. Pero hay algunas distinciones en su funcionalidad y sintaxis. La principal diferencia entre una interfaz y un tipo es que una interfaz define un nuevo tipo, mientras que un alias de tipo no lo hace.
Una interfaz puede ser implementada por una clase o un objeto, mientras que los tipos pueden definir tipos más complejos usando características como uniones e intersecciones. En general, las interfaces se usan más comúnmente para definir formas de objetos y API, mientras que los tipos se usan más comúnmente para definir tipos de datos complejos y tipos de utilidades. Entendamos ambos por separado.
¿Qué es una interfaz de TypeScript?
Una interfaz TypeScript es una técnica para definir la forma de un objeto TypeScript. Se crea usando la palabra clave “ interfaz ” y especifica un conjunto de atributos y métodos que requiere un objeto para ser clasificado como de ese tipo. Es equivalente a una clase en programación orientada a objetos; sin embargo, no define ninguna implementación. Las interfaces se utilizan principalmente para verificar tipos y garantizar que un objeto se ajuste a una estructura específica.
Antes de continuar, tenga en cuenta que para ejecutar un archivo TypeScript, debe transpilarse en un archivo JavaScript y luego ejecutar el código JavaScript en la terminal usando los comandos dados:
tsc nombre de archivo.tsnombre de archivo de nodo.js
Ejemplo
Cree una interfaz llamada 'Usuario' que defina tres atributos y un método ' conseguir información() ”:
interfaz de usuario {nombre: cadena;
apellido: cadena;
edad: número;
conseguir información ( ) : vacío;
}
Crear una clase ' Alumno ” que se hereda con una interfaz. La clase define sus atributos, un constructor que asignará los valores a los atributos y un método 'getInfo()' que mostrará los valores relativos a los atributos:
nombre: cadena;
apellido: cadena;
edad: número;
constructor ( nombre: cadena, apellido: cadena, edad: número ) {
this.firstName = firstName;
este.apellido = apellido;
esta.edad = edad;
}
conseguir información ( ) : vacío {
consola.log ( 'Información del estudiante:' )
consola.log ( '- Nombre: ' + este.primerNombre + ' ' + este.apellido ) ;
consola.log ( '- Edad: ' + esta.edad ) ;
}
}
Crea un objeto de “ Alumno ' llamado ' estándar ' de ' Usuario ” escriba llamando al constructor con la palabra clave “nuevo” y luego, llame al método getInfo() para imprimir los datos en la consola:
std.getInfo ( ) ;
Producción
¿Qué es un tipo TypeScript?
Los tipos de TypeScript se utilizan principalmente para crear alias para tipos existentes, así como para crear tipos más complicados. Representa una forma o estructura específica de datos. Se puede definir/declarar con el “ tipo ” palabra clave. Los tipos de TypeScript se pueden usar para hacer que el código sea más comprensible y reducir la repetición/duplicación.
Ejemplo
Primero, defina un tipo “ Usuario ' utilizando el ' tipo ” palabra clave especificada con cinco propiedades, una de ellas es un atributo opcional que es “ teléfono ”:
tipo Usuario = {nombre: cadena;
apellido: cadena;
edad: número;
correo electrónico: cadena;
¿teléfono?: cadena;
} ;
Defina una función llamada “ obtenerNombreCompleto ”, que toma un parámetro de tipo “ Usuario ” e imprime los datos que consisten en la información de la persona, incluyendo “ nombre ”, “ edad ”, “ correo electrónico ' y ' número de teléfono ”:
consola.log ( 'Informacion del usuario:' )
consola.log ( '- Nombre: ' + persona.nombre + ' ' + persona.apellido ) ;
consola.log ( '- Edad: ' + persona.edad ) ;
consola.log ( '- Correo electrónico: ' + person.email ) ;
consola.log ( '-Teléfono #: ' + person.phone ) ;
}
Ahora, crea un objeto “ persona ” de tipo “ Usuario ” con pares clave-valor:
nombre de pila: 'mily' ,
apellido: 'Miguel' ,
edad: 28 ,
correo electrónico: 'mili124@yahoo.com' ,
teléfono: '086-34581734'
} ;
Por último, imprima la información del usuario llamando a la función getInfo():
Producción
Eso fue todo sobre la interfaz y el tipo de TypeScript.
Conclusión
En TypeScript, “ interfaz ' y ' tipo ” se utilizan para definir tipos personalizados. Una interfaz puede ser implementada por una clase o un objeto, mientras que los tipos pueden definir tipos más complejos usando características como uniones e intersecciones. Estas son las características poderosas que pueden ayudar a escribir un código más organizado y escalable. Este blog describió la interfaz y el tipo de TypeScript y su diferencia.