TypeScript Downleveling - 什么是 TypeScript 的降级行为

下列 TypeScript 代码：

function greet(person: string, date: Date) {console.log(`Hello ${person}, today is ${date.toDateString()}!`);
}greet("Maddison", new Date());

使用 tsc 编译器编译之后生成的 JavaScript 代码：

function greet(person, date) {console.log("Hello " + person + ", today is " + date.toDateString() + "!");
}
greet("Maddison", new Date());

为什么字符串模板在编译后的 JavaScript 代码里会消失呢？

模板字符串是来自 ECMAScript 版本的一个特性，称为 ECMAScript 2015（又名 ECMAScript 6、ES2015、ES6 等）。 TypeScript 能够将代码从较新版本的 ECMAScript 重写为旧版本，例如 ECMAScript 3 或 ECMAScript 5（又名 ES3 和 ES5）。这种从更新或“更高”版本的 ECMAScript 向下移动到旧或“更低”版本的过程有时称为降级。

默认情况下，TypeScript 以 ES3 为目标，这是一个非常旧的 ECMAScript 版本。我们可以通过使用 --target 标志来选择更新一些的东西。使用 --target es2015 将 TypeScript 更改为目标 ECMAScript 2015，这意味着代码应该能够在支持 ECMAScript 2015 的任何地方运行。所以运行 tsc --target es2015 hello.ts 会给我们以下输出：

更多Jerry的原创文章，尽在：“汪子熙”:

TypeScript Downleveling - 什么是 TypeScript 的降级行为相关推荐

npm教程：如何查看TypeScript版本、卸载TypeScript和安装TypeScript
npm教程:如何查看TypeScript版本.卸载TypeScript和安装TypeScript TypeScript是JavaScript的一个超集,也可以编译成JavaScript:适用任何浏览器 ...
浅谈 TypeScript【下】-- TypeScript 语言规范与基本应用
文章内容输出来源:拉勾教育大前端高薪训练营前言在 [浅谈 TypeScript[上]]中,简单讲述了关于JavaScript静态类型检查工具Flow的用法等.可以看到,我们接下来讲述的TypeS ...
从 JavaScript 到 TypeScript 6 - Vue 引入 TypeScript
随着应用的庞大,项目中 JavaScript 的代码也会越来越臃肿,这时候许多 JavaScript 的语言弊端就会愈发明显,而 TypeScript 的出现,就是着力于解决 JavaScript 语 ...
typescript是框架吗,typescript前端框架
如何在TypeScript中应用像Jquery之类的第三方JavaScript框架要在TypeScript引用第三方JavaScript库和框架,首先要了解TypeScript的类型定义文件. Ty ...
【TypeScript】深入学习TypeScript对象类型
目录前言 1.属性修改器可选属性只读属性索引签名 2.扩展类型 3.交叉类型 4.泛型对象类型类型别名结合泛型 5.数组类型 6.只读数组类型 7.元组类型可选的元组其余元素应用 8. ...
typescript能开发什么,typescript 后端开发
typescript和js的区别是什么? typescript和js的区别如下:一:产生背景不同1.TypeScript起源于使用JavaScript开发的大型项目.由于JavaScript语言本身的 ...
在html中写typescript,5分钟上手TypeScript
让我们使用TypeScript来创建一个简单的Web应用. 安装TypeScript 有两种主要的方式来获取TypeScript工具: 通过npm(Node.js包管理器) 安装Visual Stud ...
Typescript + TSLint + webpack 搭建 Typescript 的开发环境
(1)初始化项目新建一个文件夹"client-side",作为项目根目录,进入这个文件夹: 我们先使用 npm 初始化这个项目: 这时我们看到了在根目录下已经创建了一个 pack ...
typescript 静态_关于TypeScript静态成员的全部信息| TypeScript OOP
typescript 静态 In Object-Oriented Programming, we write a lot of classes. 在面向对象编程中, 我们编写了许多类 . Classe ...

TypeScript Downleveling - 什么是 TypeScript 的降级行为

TypeScript Downleveling - 什么是 TypeScript 的降级行为相关推荐

最新文章

热门文章