正如你所知,这个框架的第一个和第二个版本之间的变化是巨大的,所以我想试试。
打字
正如大家都知道的,JavaScript没有类型,所以很难控制我们正在使用的所有参数和变量并验证它们。
因此,我们可以说TypeScript就像JavaScript一样,但有类型,它有助于使我们的代码更容易阅读,并避免可能成为调试噩梦的错误。
让我们来看看代码如何从JavaScript转变为TypeScript的例子:
1[label alligators-service.js]
2class AlligatorsService {
3 public alligators = [];
4
5 public addAlligator(alligator) {
6 if (this.isValid(alligator)) {
7 alligators.push(alligator);
8 }
9 }
1[label alligators-service.ts]
2class AlligatorsService {
3 public alligators: Alligator[] = [];
4
5 public addAlligator(alligator: Alligator): void {
6 if (this.isValid(alligator)) {
7 alligators.push(alligator);
8 }
9 }
10
11 private isValid(alligator: Alligator): boolean {
12 return alligator.name;
13 }
14}
在这里,‘Alligator’是一个可以定义在任何地方并导入到我们的文件的界面,界面定义了类型为 Alligator的对象的形状。
正如您可以从突出的代码中看到的,我们已经添加了参数和返回类型的描述,它为您提供了更多的背景,当TypeScript编译器转换您的代码时,它会通知您如果在错误的地方使用错误的类型。
支持最新的JavaScript功能
关于TypeScript的另一个很酷的事情是,我们可以在我们的代码中使用最后的JavaScript功能. 不是所有的现代浏览器都可以理解我们的代码,如果我们使用了最后的功能,通常我们需要使用额外的工具,如Babel(https://babeljs.io/),以使其成为可能。
由于TypeScript是一个包,我们可以通过npm在我们的项目中安装,如果我们保持版本的更新,我们将自动拥有所有新东西。
由于编译器正在将您的代码转换为JavaScript,您可以在客户端和服务器的两侧使用TypeScript。
IDE 支持
大多数现代IDEs在编码时会帮助您,因为TypeScript是一种编写语言,所以IDE会为您提供一些代码提示。
在我的案例中,我使用了Atom,它有(https://atom.io/packages/atom-typescript)TypeScript的 [一个伟大的包裹],这将节省你大量的时间。
浏览器兼容性
浏览器兼容性是我最喜欢的功能. 忘了IE和您的代码的兼容性问题,编译器做了一些魔法来转换您的代码并使其与所有现代浏览器兼容。
下一步步骤
如果你还没有尝试TypeScript,我强烈建议你尝试它.作为一个JavaScript开发人员,它将为你提供一些功能,这将使你的工作更容易。
查看我们在 设置一个新的TypeScript项目的帖子,了解如何开始一个新的TypeScript项目。
如果你已经是一个TypeScript开发人员,我希望这篇文章可能已经澄清了为什么你应该继续在你的下一个项目中使用它。