TypeScript简介

TypeScript是什么

TypeScript 是一种由微软开发的自由开源的编程语言,他是JavaScript的一个超集,扩展了JavaScript的
语法,主要提供了类型系统和对 ES6 的支持。
TypeScript 设计目标是开发大型应用,它可以编译成纯 JavaScript,编译出来的 JavaScript 可以运行在
任何浏览器上。

JavaScript 与 TypeScript 的区别

TypeScript 是 JavaScript 的超集,扩展了 JavaScript 的语法,因此现有的 JavaScript 代码可与
TypeScript 一起工作无需任何修改,TypeScript 通过类型注解提供编译时的静态类型检查。
TypeScript 可处理已有的 JavaScript 代码,并只对其中的 TypeScript 代码进行编译。
TypeScript 的优势
强大的IDE支持:体现在三个特性上,1.类型检查,在TS中允许你为变量指定类型。2.语法提示。3.重
构。
Angular2、vue3的开发语言

TypeScript 的缺点

有一定的学习成本,需要理解接口(Interfaces)、泛型(Generics)、类(Classes)、枚举类型
(Enums)等前端开发可能不是很熟悉的知识点

编辑器

TypeScript 最大的优势之一便是增强了编辑器和 IDE 的功能,包括代码补全、接口提示、跳转到定义、
重构等。
主流的编辑器都支持 TypeScript,推荐使用 Visual Studio Code。
获取其他编辑器或 IDE 对 TypeScript 的支持:
Sublime Text
Atom
WebStorm
Vim
Emacs
Eclipse
Visual Studio 2015
Visual Studio 2013

TypeScript安装

TypeScript 的命令行工具安装方法如下:

npm install -g typescript

以上命令会在全局环境下安装 tsc 命令,安装完成之后,我们就可以在任何地方执行 tsc 命令了。

查看版本

tsc -v

使用 TypeScript 编写的文件以 .ts 为后缀

编译一个 TypeScript 文件

编译一个 TypeScript 文件很简单,

tsc hello.ts

TypeScript 用法

使用 : 指定变量的类型,: 的前后有没有空格都可以

let num:number = 15; 
num(变量名):number(类型) = 15(具体值)
// 表示定义一个变量num,指定类型为number
let str:string = 'abc';
// 表示定义一个变量str,指定类型为string

为什么要用到TS

// 定义一个函数计算二个数据的合计 
function sum(x,y){
	if(typeof x != 'number') { 
	// 对于形参的类型要添加转换 
	x = parseInt(x);
	}
	return x+y
};
sum('1',2); 

// TS的方式,直接约束了类型
function sum2(x:number,y:number){
	return x+y
};
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值