BT

如何利用碎片时间提升技术认知与能力? 点击获取答案

TypeScript 1.8 Beta版新增JavaScript集成、无状态函数式组件等功能

| 作者 Sergio De Simone 关注 17 他的粉丝 ,译者 谢丽 关注 11 他的粉丝 发布于 2016年2月17日. 估计阅读时间: 4 分钟 | QCon上海2018 关注大数据平台技术选型、搭建、系统迁移和优化的经验。

TypeScript是微软开源的一个JavaScript超集。近日,TypeScript 1.8 Beta版发布,带来了许多新的语言特性和工具增强。

TypeScript 1.8的编译器现在可以将JavaScript同TypeScript文件一起编译了。这可能是该版本所带来的影响最大的特性。该特性可以通过命令行标识--allowJS启用,使开发人员可以在TypeScript项目中无缝地使用JavaScript代码,而不必立即转换所有的JavaScript代码,这项可能导致编译错误的任务现在可以按照开发人员喜欢的节奏进行。此外,可以编译JavaScript代码意味着可以在TypeScript编译中包含第三方库,所以就不需要另外进行打包将它们捆绑到一起。

无状态函数式组件是一种源于React项目的理念,TypeScript 1.8 Beta版也引入了这一特性,其主要的吸引力在于它们是无状态的轻量级组件,很容易组合。下面是一个TypeScript无状态函数式组件的例子:

let SimpleGreeter = ({name = ‘world‘}) => <div>Hello, {name}</div>;

上述代码同下面的代码等效:

interface GreeterProps {
    name: string;
}

class Greeter extends React.Component<GreeterProps, {}> {
    render() {
        return <div>Hello, {this.props.name}</div>;
    }
}

无状态函数式组件需要最新版的react.d.ts

TypeScript 1.8 Beta版还新增对“F-限定多态(F-bounded polymorphism)”的支持,这使得一个类型参数可以受同一参数列表中的引用类型参数约束。从下面的代码中可以看到,类型T受同一参数列表中的U约束,现在,这在TypeScript中也是合法的了:

function assign<T extends U, U>(target: T, source: U): T {
    for (let id in source) {
        target[id] = source[id];
    }
    return target;
}

控制流分析是TypeScript中另一项受人欢迎的特性增强,它有助于捕获一些常见错误,比如不可达代码、未使用标签、隐式返回等等。

TypeScript 1.8 Beta版还包含许多其他新特性,比如简化的React props类型管理、字符串常值类型、经过改进的union/intersection类型推断等。要了解更多信息,请查看官方公告

上面已经提到,TypeScript是JavaScript的一个严格的超集,它额外增加了静态类型,并支持基于类的面向对象编程。读者可以从Visual Studio 2015NuGetnpm获取TypeScript 1.8 Beta版。

查看英文原文:TypeScript 1.8 Beta Adds Integration with JavaScript, Stateless Functional Components and More

评价本文

专业度
风格

您好,朋友!

您需要 注册一个InfoQ账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我
社区评论

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

讨论

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT