初识TypeScript笔记(一)

什么是TypeScript？
TypeScript 简称 TS
ts是js的超集(js有的ts都有)
ts为js添加了类型系统
TypeScript = Type + JavaScript
ts是微软开发的开源编程语言，设计目标是开发大型应用。可以在任何浏览器，任何计算机，任何操作系统上运行。

什么是JavaScript？
运行在客户端比如浏览器中的编程语言，为网站提供动态交互。
运行环境:浏览器 nodejs
nodejs让js可以实现服务端和桌面端编程等
其他应用：微信小程序，微信小游戏
js既能运行在浏览器中，也可以运行在nodejs中，前后端通吃。

TS相比JS的优势
ts大型项目必备。
js类型系统存在先天缺陷，绝大部分错误都是类型错误(Uncaught TypeError).
优势:

1. 类型化思维方式，使得开发更加严谨，提前发现错误，减少改bug时间。
2. 类型系统提高了代码可读性，并使维护和重构代码更加容易。
3. 补充了接口，枚举等开发大型应用时js缺失的功能

vue3 源码使用ts重写，释放出重要信号，ts是趋势。
angular默认支持ts，react与ts完美配合是很多大型项目的首选。

安装解析TS的工具包?
nodejs/浏览器只认识js代码，不认识ts代码，需要解析后运行。
安装命令

npm i -g typescript

提供了tsc命令，实现了ts转js，执行ts代码 在终端输入

tsc 文件名.ts

通过node 文件名.js 执行js代码
简化执行代码文件 使用ts-node 包

npm i -g ts-node

在node中执行ts代码 ts-node 文件名.ts

单行注释 快捷键

ctrl + / 

多行注释 快捷键

shift + alt + a

ts声明变量并指定类型

let age:number;

给变量赋值

age = 20;

声明并赋值

let age:number = 18;

ts类型注解
是一种为变量添加类型约束的方式
约定了什么类型，就只能给变量赋什么类型的值。

交换两个变量的值

let num1:number = 1;
let num2:number = 2;
let temp:number = num1;
num1 = num2;
num2 = temp;

ts数据类型
原始类型（基本数据类型）和对象类型（复杂数据类型）
基本数据类型5个 number/string/boolean/undefined/null

数字类型包含整数值和浮点值,也可以包含正数和负数

let age:number = 18;
let size:number = 37.5;
let score:number = -20;

字符串类型
可以使用单引号和双引号，推荐使用单引号

let str:string = 'hello';

布尔类型
只有两个值分别是true和false。

let isStudy:boolean = true;
let isPlay:boolean = false;

undefined,null
只有一个值，值为类型本身。

let u:undefined = undefined; // 未定义 声明了变量但未赋值的变量值(找不到值)
let n:null = null; // 表示声明了变量并已赋值，值为null(能找到，值就是null)