typescript - 开发人员如何将JavaScript文件转换为TypeScript？

Question

Closed. This question does not meet Stack Overflow guidelines。它当前不接受答案。












想改善这个问题吗？更新问题，以便将其作为 on-topic用于堆栈溢出。

5年前关闭。



Improve this question




现在TypeScript出来了，这对我来说是一个令人振奋的消息，但是如何将所有现有的JavaScript文件转换为TypeScript？

最佳答案

我担心这会很成问题。 TypeScript is a superset of JavaScript。这意味着所有有效的JavaScript代码也是有效的TypeScript代码。这是错误的。以下代码在JavaScript中是正确的，但是在TypeScript中创建了一个错误:

var data={x:5, y:6};
data.z=5;

您可以通过将数据声明为“环境”来获得JavaScript的动态行为

var data:any={x:5, y:6};
data.z=5;

现在，这也将在TypeScript中起作用。不过，您可以将.js文件的扩展名更改为.ts并将此文件传递给TypeScript编译器。这真的让我感到困惑，我在freenode上的TypeScript IRC channel 中问了这个问题。事实证明，Typescript编译器会检查其输入中是否包含有效的JavaScript，并且在发现某些内容时不会执行任何操作。直觉上听起来不错。您只需更新文件扩展名就可以将所有JavaScript“转换”为Typescript，并且一切顺利。不幸的是，这不能按预期工作。假设您有以下代码:

var func=function(n){alert(n)};

var data={x:5};
data.z=6;

编辑:
我只是尝试编译它，但是它不起作用。抱歉，我似乎误会了:TypeScript编译器甚至不接受纯JavaScript。我将尝试找出问题所在。

您已将文件扩展名更改为.ts，并在其他代码中使用了func函数。起初一切似乎都很好，但随后出现了一个丑陋的错误。您认为某些静态类型检查可能会为您提供帮助，然后将代码更改为:

var func=function(n:string){alert(n)};

var data={x:5};
data.z=6;

但是现在这不再是有效的JavaScript代码，它将导致编译器生成许多错误消息。毕竟所有数据都没有成员“z”。 ...
如果默认类型始终为“any”，但可以避免这种行为，那么类型推断将毫无用处。

那么您如何解决这个问题？
答案是:声明文件。
您可以在项目中“按原样”使用JavaScript代码，并借助一些.d.ts文件进行静态类型检查。它们通知编译器在JavaScript文件中声明了哪些变量，方法和“类”，包括它们的类型。因此，它们允许进行编译时类型检查和出色的智能感知。我的示例的.d.ts文件是

declare var data:any;
declare function func(n:string);

将其另存为“myjsfile.d.ts”，并将其导入到 typescript 中

///<reference path="myjsfile.d.ts"/>

确保在已编译的 typescript 上方的html文件中包含JavaScript脚本。
这是一个 interesting link。您可能对“将JavaScript转换为TypeScript”一节感兴趣。

关于typescript - 开发人员如何将JavaScript文件转换为TypeScript？ ，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14412164/

上一篇：javascript - 将数字插入已排序的数字数组的有效方法？

下一篇：javascript - 跨多个文件的 Javascript 中的全局变量

相关文章：

javascript - 在 TypeScript 中实现接口(interface)原型(prototype)

typescript - Gulp with TypeDoc 错误

javascript - 使用 JavaScript 将本地文件解析为数组

javascript - 如何使用 jQuery .attr() 更改 id 字体大小？

angular - 在 Angular 中，*ngFor ="let item from list | async"是什么意思？

typescript - 如何防止 Firebase 一遍又一遍地创建同一个用户？

javascript - Angular 7.2.0 : Type 'string' is not assignable to type 'RunGuardsAndResolvers'

javascript - 从d3js中的堆积条形图中过滤掉某些值

javascript - 需要对 JSON 数据应用多个过滤器

javascript - 由于 socket.io 无法构建 JMVC 应用程序

Answer 1

我担心这会很成问题。 TypeScript is a superset of JavaScript。这意味着所有有效的JavaScript代码也是有效的TypeScript代码。这是错误的。以下代码在JavaScript中是正确的，但是在TypeScript中创建了一个错误:

var data={x:5, y:6};
data.z=5;

您可以通过将数据声明为“环境”来获得JavaScript的动态行为

var data:any={x:5, y:6};
data.z=5;

现在，这也将在TypeScript中起作用。不过，您可以将.js文件的扩展名更改为.ts并将此文件传递给TypeScript编译器。这真的让我感到困惑，我在freenode上的TypeScript IRC channel 中问了这个问题。事实证明，Typescript编译器会检查其输入中是否包含有效的JavaScript，并且在发现某些内容时不会执行任何操作。直觉上听起来不错。您只需更新文件扩展名就可以将所有JavaScript“转换”为Typescript，并且一切顺利。不幸的是，这不能按预期工作。假设您有以下代码:

var func=function(n){alert(n)};

var data={x:5};
data.z=6;

编辑:
我只是尝试编译它，但是它不起作用。抱歉，我似乎误会了:TypeScript编译器甚至不接受纯JavaScript。我将尝试找出问题所在。

您已将文件扩展名更改为.ts，并在其他代码中使用了func函数。起初一切似乎都很好，但随后出现了一个丑陋的错误。您认为某些静态类型检查可能会为您提供帮助，然后将代码更改为:

var func=function(n:string){alert(n)};

var data={x:5};
data.z=6;

但是现在这不再是有效的JavaScript代码，它将导致编译器生成许多错误消息。毕竟所有数据都没有成员“z”。 ...
如果默认类型始终为“any”，但可以避免这种行为，那么类型推断将毫无用处。

那么您如何解决这个问题？
答案是:声明文件。
您可以在项目中“按原样”使用JavaScript代码，并借助一些.d.ts文件进行静态类型检查。它们通知编译器在JavaScript文件中声明了哪些变量，方法和“类”，包括它们的类型。因此，它们允许进行编译时类型检查和出色的智能感知。我的示例的.d.ts文件是

declare var data:any;
declare function func(n:string);

将其另存为“myjsfile.d.ts”，并将其导入到 typescript 中

///<reference path="myjsfile.d.ts"/>

确保在已编译的 typescript 上方的html文件中包含JavaScript脚本。
这是一个 interesting link。您可能对“将JavaScript转换为TypeScript”一节感兴趣。