如何从任何.js文件生成TypeScript定义文件

如何从任何.js文件生成TypeScript定义文件

一个TypeScript定义文件或类型声明文件是一个具有.d.ts文件扩展名的TypeScript文件。这些文件只是用来保存特定脚本的类型声明,而不是源代码本身。这意味着它们不是编译过程的一部分。在本文中,我们将看到如何从任何.js文件或任何普通的TypeScript文件生成TypeScript定义文件。

我们可以在终端中输入以下命令来从一个.js文件生成任何TypeScript定义文件:

语法:

tsc --declaration nameOfTypeScriptFile.ts
JavaScript

说明:

  • tsc: 它代表TypeScript编译器,用于调用编译器。
  • –declaration: 这是一个命令行界面(CLI)命令,从TypeScript(.ts)文件中生成TypeScript定义文件。
  • nameOfTypeScriptFile.ts: TypeScript文件,从中生成TypeScript定义文件。

注意: 要将TypeScript文件编译为JavaScript文件,并随后执行它,我们使用以下命令:

tsc nameOfTypeScriptFile.ts
node convertedJavaScriptFile.js
JavaScript

示例1: 以下示例包含一个对象字面量,其中有两对键值对,第一个属性是 name, 对应的值是 “GeeksforGeeks”, 第二个属性是 founded, 其值为 2009 。

script.ts: 生成的输出TypeScript文件

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

script.js: 生成的输出JavaScript文件

var object = { 
    name: "GeeksforGeeks", 
    founded: 2009 
}; 
console.log("The organisation is ".concat(object.name,  
    " and it was founded in ").concat(object.founded));
JavaScript
  • script.d.ts: 这是生成的TypeScript定义文件
declare const object: { 
    name: string; 
    founded: number; 
};
JavaScript

输出:

如何从任何.js文件生成TypeScript定义文件

示例2: 下面的示例有一个用户定义的函数 addTwoNumbers(a,b),它计算两个数字的和并返回结果。

index.ts

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)}`);
JavaScript

index.js

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)));
JavaScript
  • index.d.ts
declare function addTwoNumbers(a: number, b: number): number; 
declare const n1 = 2, n2 = 9;
JavaScript

输出:

如何从任何.js文件生成TypeScript定义文件

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程

登录

注册