¿Cómo generar un archivo de definición de TypeScript desde cualquier archivo .js?

Un archivo de definición de TypeScript o un archivo de declaración de tipo es cualquier archivo de TypeScript que tenga la extensión de nombre de archivo .d.ts . Estos archivos solo están destinados a contener las declaraciones de tipo de ese script en particular y no el código fuente en sí. Esto significa que no son parte del proceso de compilación. En este artículo, veremos cómo generar un archivo de definición de TypeScript desde cualquier archivo .js o cualquier archivo TypeScript normal.

Ingresamos el siguiente comando en la terminal para generar cualquier archivo de definición de TypeScript a partir de un archivo .js :

Sintaxis:

tsc --declaration nameOfTypeScriptFile.ts

Explicación:

• tsc: significa compilador de TypeScript que se utiliza para invocar al compilador.
• –declaración: es un comando de interfaz de línea de comandos (CLI) que emite el archivo de definición de TypeScript desde el archivo TypeScript (.ts).
• nameOfTypeScriptFile.ts: el archivo de TypeScript a partir del cual se generará el archivo de definición de TypeScript.

Nota: Para compilar un archivo TypeScript a un archivo JavaScript y luego ejecutarlo, usamos los siguientes comandos:

tsc nameOfTypeScriptFile.ts
node convertedJavaScriptFile.js

Ejemplo 1: el siguiente ejemplo tiene un objeto literal con dos pares clave-valor, siendo la primera propiedad name con su valor correspondiente como «GeeksforGeeks» y la segunda propiedad siendo fundada con su valor 2009 .

script.ts: archivo TypeScript de salida generado

const object = {
    name: "GeeksforGeeks",
    founded: 2009,
};
  
console.log(
    `The organisation is ${object.name} and 
        it was founded in ${object.founded}`
);

script.js: archivo JavaScript de salida generado

var object = {
    name: "GeeksforGeeks",
    founded: 2009
};
console.log("The organisation is ".concat(object.name, 
    " and it was founded in ").concat(object.founded));

• script.d.ts: Este es un archivo de definición de TypeScript generado

declare const object: {
    name: string;
    founded: number;
};

Producción:

Ejemplo 2: El siguiente ejemplo tiene una función definida por el usuario addTwoNumbers(a,b ) que calcula la suma de dos números y devuelve el resultado.

function addTwoNumbers(a: number, b: number) {
    return a + b;
}
  
const n1 = 2,
    n2 = 9;
console.log(`The sum of ${n1} and ${n2} 
    is ${addTwoNumbers(n1, n2)}`);

function addTwoNumbers(a, b) {
    return a + b;
}
var n1 = 2, n2 = 9;
console.log("The sum of ".concat(n1, " and ")
    .concat(n2, " is ").concat(addTwoNumbers(n1, n2)));

• índice.d.ts

declare function addTwoNumbers(a: number, b: number): number;
declare const n1 = 2, n2 = 9;

Producción: