typescript - teclado - mecanografia computarizada

¿Qué son las mecanografías en mecanografiado?

Question

Soy nuevo en Angular2 y lo estoy disfrutando hasta ahora, pero hay un problema: Typing . No puedo averiguar cómo usarlos y qué son exactamente. Algunos lugares dicen usar tipografías, otros dicen usar npm para instalar definiciones.

¡¡Estoy confundido!!

Answer 1

¿Qué son las tipografías?

En resumen, TypeScript agrega escritura estática a JavaScript. Dado que JavaScript solo no define tales definiciones de tipo, deben escribirse e incluirse en el proceso de compilación de TypeScript a través de mecanismos adicionales. En otras palabras, una biblioteca de JavaScript puede definir una función:

export function createPerson(name, age, initScore) { ... }  

Pero en el entorno de TypeScript tipificado estáticamente, sería mucho más útil para el desarrollador tener algo como esto:

interface Person {
    name: string,
    age: number,
    score: number
}

export function createPerson(name: string, age: number, initScore?: number): Person;

El propósito de las declaraciones de tipo , a menudo llamadas tipificaciones , definiciones de tipo o simplemente tipos , es completar estos detalles sobre las implementaciones, identificando así los abusos de API incluso en las bibliotecas. Por lo general, residen en archivos con la extensión .d.ts , y pueden construirse a partir de archivos .ts usando el compilador. Sin embargo, cuando los programas no se escribieron en TypeScript, estas declaraciones generalmente se escriben manualmente.

Dicho esto, su confusión está algo justificada: más de un enfoque para instalar y administrar las declaraciones de TypeScript se realizaron a lo largo del tiempo. En este momento, sin embargo, hay un medio oficial (y por lo tanto recomendado) de instalar y usar archivos de declaración, y está documentado here :

En TypeScript 2.0, se ha vuelto mucho más fácil consumir archivos de declaración, adquirirlos, usarlos y encontrarlos. Esta página detalla exactamente cómo hacer los tres

[...]

Obtener declaraciones de tipo en TypeScript 2.0 y superior no requiere herramientas aparte de npm.

Como ejemplo, recuperar declaraciones para Angular es tan simple como instalar esta dependencia en su proyecto:

npm install --save @types/angular 

Los paquetes en el espacio de nombres de @types serán considerados automáticamente por el compilador para recuperar declaraciones de tipo. Además, si estas declaraciones ya están integradas en el paquete npm, no tiene que hacer nada más que instalar ese paquete (un ejemplo de dicho paquete es redux ). Para obtener más información, consulte los documentos en tsconfig.json . También hay una sección completa sobre la creación de sus propios archivos de declaración , que es una lectura recomendada para todos los desarrolladores que deseen agregar declaraciones de tipo a sus propias bibliotecas.

Answer 2

JavaScript no está tipificado, lo que significa que podemos pasar y usar datos, objetos y funciones sin restricciones. Podemos escribir código que llame a métodos que no existen en un objeto, o variables de referencia que no tenemos. Este tipo de errores puede ser difícil de descubrir cuando escribe un código, y puede llevar a un código inestable y con errores. Hacer grandes cambios en su código puede ser difícil y arriesgado, ya que no ve de inmediato si algunos cambios entran en conflicto con el resto del código en otra parte.

TypeScript se trata principalmente de agregar types a JavaScript. Eso significa que TypeScript requiere que describas con precisión el formato de tus objetos y tus datos. Cuando haces eso, eso significa que el compilador puede investigar tu código y descubrir errores. Puede ver que está intentando llamar a una función con los tipos de argumentos incorrectos, o hacer referencia a una variable que no está accesible en el ámbito actual.

Cuando usted mismo escribe TypeScript, esta descripción formal del código forma parte del código en sí.

Sin embargo, cuando utiliza bibliotecas externas como jQuery o moment.js, no hay información de los tipos en ese código. Entonces, para usarlo con TypeScript, también tiene que obtener archivos que describan los tipos de ese código. Estos son los archivos de declaración de tipo , más a menudo con el nombre de extensión de archivo .d.ts . Afortunadamente, la gente ha escrito ese tipo de archivos de declaración de tipos para las bibliotecas de JavaScript más comunes que existen.

Typings era solo una herramienta para instalar esos archivos. Ahora es una buena práctica usar solo npm .

Cuando haya instalado esos archivos, lo que básicamente solo significa descargarlos y colocarlos en su proyecto, el compilador de TypeScript entenderá * ese código externo y podrá usar esas bibliotecas. De lo contrario solo obtendrías errores en todas partes.

_{* Dependiendo de cómo haya configurado su proyecto y cómo lo haya configurado, es posible que deba configurar la escritura de tipos para buscar esos archivos específicamente, o podría funcionar sin ninguna configuración de su parte.}

Answer 3

Solo he trabajado con TypeScript en un proyecto ASP.NET (clásico), por lo que no puedo decirles cuál es la forma típica de hacerlo. Pero hay un par de opciones un tanto poco ortodoxas:

• Encuentre los archivos * .d.ts usted mismo y simplemente cópielos en su proyecto en algún lugar. Sin embargo, no se actualizarán automáticamente junto con sus bibliotecas.
• Declara lo que la biblioteca te da como cualquiera. Por ejemplo, podría hacer esto para JQuery, si aún no tiene las tipificaciones de JQuery instaladas: declare var $: any;