前言:Javasctipt想必大家都不陌生,所谓TypeScript 是 JavaScript 的超集,扩展了 JavaScript 的语法,因此现有的 JavaScript 代码可与 TypeScript 一起工作无需任何修改,TypeScript 通过类型注解提供编译时的静态类型检查。
TypeScript 可处理已有的 JavaScript 代码,并只对其中的 TypeScript 代码进行编译。
一.TypeScript安装
二.TypeScript转换为JAVAscript
三.TypeScript基础语法
1.组成部分:
2.tsc常用参数:
3.ts保留关键字
4.ts注释:
一.TypeScript安装
TypeScript使用Npm进行安装:
如果这样感觉下载慢的话,我们可以改成国内镜像来进行安装:
安装完成后我们可以使用以下命令来查看是否安装成功:
二.TypeScript转换为JAVAscript
1. 新建app.ts文件,Typescript的文件后缀名一般为<code>.ts</code>,JAVAscript的后缀名为<code>.js</code>
2. 我们使用<code>tsc app.ts</code>将我们的app.ts转换为app.js文件
那么就会在同目录下生成我们的<code>app.js</code>文件
运行结果:
3. 其转化的过程如下:
三.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> − 这种注释可以跨越多行。
不要让追求之舟停泊在幻想的港湾,而应扬起奋斗的风帆,驶向现实生活的大海。