TypeScript 2.2 为 JavaScript 开发者带来更多期待的功能

  • David Iffland
  • 谢旭

2017 年 3 月 7 日

话题:JavaScript语言 & 开发

Microsoft 发布了 TypeScript 语言 2.2 版本,该版本专注于新的 object 类型以及提高开发人员的效率。

对于日常使用,版本 2.2 提供了许多人性化功能(creature comfort),这些功能可以减少开发人员花费在处理简单错误上的时间。一些功能,比如添加缺失的导入和删除未使用的声明,使 TypeScript 的工具与其他语言的工具更加接近。TypeScript/JavaScript 中一个极为常见的错误是忘记如何正确地使用 this 关键字。下面的图片来自于TypeScript 2.2 公告,它演示了许多新的工具改进:

quick-fixes-TS2_2.mp4 未知大小

对于那些使用 VS Code 的开发者,可以在VS Code 1.10中通过点击Ctrl+.组合键实现快速修复。

一个非常重要的改进是能够以 JavaScript 开发人员习惯的方式使用字符串索引。 在 JavaScript 中,可以通过以下几种方式访问对象属性。

var y = x["prop"];
var z = x.prop;

在本示例中,y 和 z 以不同的方式(两种方式都有效)访问 x 的属性 prop,因此二者具有相同的值。在 TypeScript 2.2 之前,使用索引签名声明的对象:

interface Foo {
    // 这里是一个字符串索引签名:
    [prop: string]: boolean;
}

只能通过上述第一种方法访问。经验丰富的 JavaScript 开发人员会不假思索地使用这两种方法中的任何一种访问属性。 现在,版本 2.2 支持这两种属性访问方法。

新的 object 类型可以是除基本数据类型之外的任何类型。虽然新功能受到欢迎,但是附加的类型也可能给新开发者造成混淆。在 TypeScript 项目经理 Daniel Rosenwasser 发布的公告中,需要仔细阅读这句话才能真正理解新功能能够做什么:

由于结构兼容性...object 不同于{}类型和 Object 类型。因为空对象类型({})也可以匹配基本类型值,所以它不能创建像 Object.create 这样的 API,这类 API 只接受对象——而非基本类型值。相反,object 做得非常好,它能够正确地拒绝数字赋值。

注意该段落中的字体变化,它让我们能更容易理解什么时候我们谈论的是具体对象类型和什么时候我们谈论的是对象的一般概念。 Marius Schulz 撰写了一篇文章,这篇文章阐述了有关对象类型之间差异的更多细节。

查看英文原文:TypeScript 2.2 Release Gives JavaScript Developers More of What They Expect

JavaScript语言 & 开发