TypeScript 2.2 添加了新的对象类型,更好的混入(Mixin)支持和更多新特性

  • Sergio De Simone
  • 罗远航

2017 年 2 月 15 日

话题:JavaScript语言 & 开发

计划在二月里发布的 TypeScript 2.2 已经进入了发布候选版(RC)的阶段。除了包括一个新的用于 Native React 的JSX emit 模式,TypeScript 2.2 还包含了一个新的用于表示非原生(non-native)的object类型和更好的混入( mixin) 支持以及组合类还有更多其他的新特性。

TypeScript 2.2 新的object类型使得只能接受非原生类型的方法签名更加规范化。这是一个例子,例如Object.getPrototypeOfObject.create等等。它在语法上能接受所有的类型,但是在编译时会抛出一个异常。例如,对于一个字符串或者一个数字,object类型会在编译时捕获到这种误用:

function mapObject(obj: object): object { /* ... */ }
  ...
  mapObject('string');// 类型错误

TypeScript 2.2 也为创建混入(mixin)和组合类添加了更多的灵活性。例如,你现在可以创建一个带有Point对象构造器的方法,通过添加一个timestamp来声明一个继承自Points的新类,并且返回一个新的TimestampedPoint混入(mixin)类,这个类能被实例化也能被继承

class Point {
  ...
}
export type Constructable = new (...args: any[]) => object;
export function Timestamped(Base: BC) {
    return class extends Base {
        timestamp = new Date();
};
const TimestampedPoint = Timestamped(Point);
const p = new TimestampedPoint(10, 10);
class SpecialPoint extends Timestamped(Point) {
  z:  number;
  constructor(x: number, y: number, z: number) {
... }
}

TypeScript 提供对 JSX 的长期支持,JSX 是一种类 XML 语言拓展,它没有明确的语义,这种语义是用来表示带有属性值的树结构的。一个典型的,但不是专门的用法是用它来描述 UI 组件。截止到 2.1 版本,TypeScript 已经能够通过两个特定的 emit 模式来处理在tsx文件中的 JSX 表达式:preservereact。前者用来保留 JSX 表达式,为的是在之后的阶段中处理它。后者会使用React.createElement来创建一个js文件。在 2.2 版本中,有一个新的react-native模式,它的做法是完整保留所有的 JSX 表达式,同时会生成一个js文件,这个文件是 React Native 所需的文件。

TypeScript 2.2rc 包含其它更多的新特性,例如:

你可以通过运行以下命令来试用 TypeScript 2.2rc:

npm install -g typescript@rc

查看英文原文:TypeScript 2.2 Adds New Object Type, Better Mixin Support, and More


感谢刘志勇对本文的审校。

给 InfoQ 中文站投稿或者参与内容翻译工作,请邮件至editors@cn.infoq.com。也欢迎大家通过新浪微博(@InfoQ@丁晓昀),微信(微信号:InfoQChina)关注我们。

JavaScript语言 & 开发