TypeScript赶紧学起来

1、TypeScript简介

TypeScript 由微软开发的自由和开源的编程语言
在中文网的翻译的是“ TypeScript是JavaScript的类型化超集,可以编译成普通的JavaScript,可以在任何浏览器、计算机和任何操作系统上进行运行,并且是开源的 ”。

2、现状和发展趋势

现在用的人还不是很多,但很多公司现在招聘会问到,工作可能也会使用得到,毕竟尤雨溪都在用TS写Vue3了,谷歌也是在极力的推荐使用TS,谷歌的Angular2.x+就是基于TypeScript,最新的React也可以集成TypeScript。
在github上的排行也很高,未来的发展趋势应该可以
在这里插入图片描述

2、TypeScript的强大之处

  • TypeScript因为是超集,可解决大型项目的代码复杂性
  • 可在编译时发现错误并纠正错误
  • 强类型语言,支持静态和动态类型
  • 可支持模块,ES3-5等
  • 包容性强,增强了代码的可读性和可维护性

3、安装
需要先安装Node.js,用Node.js环境安装

  • 使用npm命令全局安装
	npm install -g typescript
	//mac的话,需加上sudo
	sudo npm install -g typescript

以上命令是在全局环境下安装 tsc 命令的,安装完之后,就可以在任何地方执行 tsc 命令了

  • 安装好之后可以用tsc命令查看版本号,有版本号就是安装成功
	$ tsc -v
  • 建一个后缀名为index.ts文件
	let message:string = 'Hello World';
	console.log(message);
  • 再将TS转为JS
	tsc index.ts
  • index.ts同一目录下回生成一个index.js的文件
	var message = 'Hello World';
	console.log(message);
  • 再使用node命令执行index.js文件
	$ node index.js
	Hello World

5、语法

  • TypeScript 区分大小写
  • 语句写在同一行必须要使用分号来分隔,否则就报错

变量声明

TypeScript 命名规则:
变量名称可包含数字和字母
除了下划线 _ 和美元 $ 符号外,不能包含其他特殊字符,包括空格
变量名不能以数字开头

var ,let声明均可
let [变量名] : [类型] = 值

	let message:string = 'Hello World';

声明变量的类型,但没有初始值,变量值会设置为 undefined

声明变量并初始值,但不设置类型,该变量可以是任意类型
var [变量名] = 值;

数据类型

  • Number类型
	let num: num = 9;
  • Boolean类型
let isBol: boolean = false;
  • String类型
let str: boolean = 'yaya';
  • Arrray类型
let list: number[] = [6,9,2];
  • Null 和 Undefined 类型
let un: undefined = undefined;
let nu: null = null;
  • 枚举(Enum)类型
enum Color {Green, Plum, Red}
let c: Color = Color.Plum;
console.log(c);    //输出1
  • Any 类型

声明为 any 的变量可以赋予任意类型的值,也可称为全顶级类型

let y: any = 666;
y = "yaya";
y = false;
  • Void类型

    用于标识方法返回值的类型,表示该方法没有返回值。

  • Never类型
    never 是其它类型(包括 null 和 undefined)的子类型,代表从不会出现的值

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值