TypeScript-初识

 

看到TS,最直观感受是数据类型加在变量后面还有方法后面，eg:

const hello : string = "Hello World!"
console.log(hello)

function greet():string 
{ // 返回一个字符串 return "Hello World" }

详细研究一下

1】JavaScript 与 TypeScript 的区别

TypeScript 通过类型注解提供编译时的静态类型检查。

 

 

2】语法特性

TypeScript 是一种给 JavaScript 添加特性的语言扩展。增加的功能包括：

• 类型批注和编译时类型检查
• 类型推断
• 类型擦除
• 接口
• 枚举
• Mixin
• 泛型编程
• 名字空间
• 元组
• Await

以下功能是从 ECMA 2015 反向移植而来：

• 类
• 模块
• lambda 函数的箭头语法
• 可选参数以及默认参数

 3】TypeScript安装

npm config set registry https://registry.npmmirror.com


//安装 typescript：
npm install -g typescript

//安装完成后我们可以使用 tsc 命令来执行 TypeScript 的相关代码，以下是
//查看版本号：
$ tsc -v
Version 3.2.2

//通常我们使用 .ts 作为 TypeScript 代码文件的扩展名。
//然后执行以下命令将 TypeScript 转换为 JavaScript 代码
tsc app.ts

TypeScript 转换为 JavaScript 过程如下图：