天天看点

♥带你走进TypeScript♥

前言:Javasctipt想必大家都不陌生,所谓TypeScript 是 JavaScript 的超集,扩展了 JavaScript 的语法,因此现有的 JavaScript 代码可与 TypeScript 一起工作无需任何修改,TypeScript 通过类型注解提供编译时的静态类型检查。

TypeScript 可处理已有的 JavaScript 代码,并只对其中的 TypeScript 代码进行编译。

♥带你走进TypeScript♥

​​一.TypeScript安装​​

​​二.TypeScript转换为JAVAscript​​

​​三.TypeScript基础语法​​

1.组成部分:

2.tsc常用参数:

3.ts保留关键字

4.ts注释:

一.TypeScript安装

TypeScript使用Npm进行安装:

♥带你走进TypeScript♥

如果这样感觉下载慢的话,我们可以改成国内镜像来进行安装:

安装完成后我们可以使用以下命令来查看是否安装成功:

♥带你走进TypeScript♥

二.TypeScript转换为JAVAscript

1. 新建app.ts文件,Typescript的文件后缀名一般为​<code>​.ts​</code>​,JAVAscript的后缀名为​<code>​.js​</code>​

2. 我们使用​<code>​tsc app.ts​</code>​将我们的app.ts转换为app.js文件

♥带你走进TypeScript♥

那么就会在同目录下生成我们的​<code>​app.js​</code>​文件

运行结果:

♥带你走进TypeScript♥

3. 其转化的过程如下:

♥带你走进TypeScript♥
♥带你走进TypeScript♥

三.TypeScript基础语法

模块

函数

变量

语句和表达式

注释

<col>

序号

编译参数说明

1.

–help 显示帮助信息

2.

----module 载入扩展模块

3.

–target 设置 ECMA 版本

4.

–declaration 额外生成一个 .d.ts 扩展名的文件。tsc ts-hw.ts --declaration 以上命令会生成 ts-hw.d.ts、ts-hw.js 两个文件。

5.

–removeComments 删除文件的注释

6.

–out 编译多个文件并合并到一个输出的文件

7.

–sourcemap 生成一个 sourcemap (.map) 文件。sourcemap 是一个存储源代码与编译代码对应位置映射的信息文件。

8.

–module noImplicitAny 在表达式和声明上有隐含的 any 类型时报错

9.

–watch 在监视模式下运行编译器。会监视输出文件,在它们改变时重新编译。

break

as

catch

switch

case

if

throw

else

var

number

string

get

module

type

instanceof

typeof

public

private

enum

export

finally

for

while

void

null

super

this

new

in

return

true

false

any

extends

static

let

package

implements

interface

function

try

yield

const

continue

do

TypeScript 支持两种类型的注释:

单行注释 ​<code>​( // )​</code>​ − 在 // 后面的文字都是注释内容。

多行注释 ​<code>​(/* */)​</code>​ − 这种注释可以跨越多行。

♥带你走进TypeScript♥
不要让追求之舟停泊在幻想的港湾,而应扬起奋斗的风帆,驶向现实生活的大海。

继续阅读