Aquí hay un ejemplo simple para entender por qué debemos definir una interfaz y un uso inteligente de la interfaz.

Muchas veces, a pesar de definir la interfaz, olvidamos el objetivo final o para qué definimos la interfaz.

Veamos el siguiente ejemplo para entenderlo mejor.

Aquí podemos ver que de tres consolas, estamos tratando de acceder a la propiedad incorrecta en 2 de las consolas, pero TypeScript solo detecta un error en la tercera consola, ya que de acuerdo con la interfaz definida y el código esperaba solo 2 propiedades, entonces si el usuario intenta acceder a una propiedad no válida, el mecanografiado lo mostrará como un error y provocará un error de compilación.

Aquí, vino la pregunta, ¿cuáles serían los resultados de la consola para los tres? Entonces, los resultados de la consola anterior serían algo como esto. Pero ese error aún estaría allí en el archivo .ts

Conclusión

Siempre debe acceder a las propiedades de los objetos en mecanografiado como Object.property y no como Object['property'].

Consejo adicional

Evite usar clases de javascript mientras define la interfaz en mecanografiado como String, Number, Boolean. Estos tipos se refieren a objetos en caja no primitivos.

En su lugar, use clases de mecanografiado como cadena, número y booleano.