TypeScript初体验

TypeScript是什么？

TypeScript是一种微软开发的开源，跨平台的编程语言。它是Javascript的超集，最终会被编译成为JavaScript代码，本质上向这个语言添加了可选静态类型和基于类的面向对象编程。

TypeScript作用？

TypeScript起源于使用JavaScript开发的大型项目。由于JavaScript语言的局限性，难以胜任和维护大型项目开发。

TypeScript特点？

1.解决JavaScript没有编译类型检查，
统一了Javascript编码凌乱开发的问题，
2.通过制定编译环境可以将同一代码编译成相对应环境的js脚本
3.ts解决了js在编译大型项目时缺乏良好的模块及文件组织，需要支持模块及命名空间的概念，遵循CommonJs的规范。
4.ts代码无法被直接识别

在这以上基础中可以认识到到ts是处理中大型项目，必不可少的技术，它的语法更为规范，它的书写更加严格，但这对于大型开发过程中是一件好事

TypeScript安装环境的步骤

1.先安装好node.js
2.再输入 npm install -g typescript 安装TS环境

第一个ts程序

注意文件名以.ts结尾

function hello(name:string):void{
    console.log('Hello' + name);
}

var myName: string ="周浚";

hello(myName);

识别ts代码三个步骤

1.在后缀名为.ts的文件中书写typescript代码
2.使用tsc工具将typescript代码编译为浏览器，node.js识别的js代码
3.在浏览器或者node.js中执行js代码

缺点：每次运行新的ts文件或修改代码都要重新将ts文件转换为js文件，操作步骤过于繁琐

解决方法：

在node.js中下载一个将ts文件自动转换js文件的程序
下载代码：npm install -g ts-node
安装完成后：可直接运行ts文件（原步骤没变，只是省略了）
ts-node 文件名.ts

ts数据类型

变量类型
ts语法中规定，在ts中声明变量需要定义变量类型
语法：
let 变量名：变量类型
eg：let age ：number = 10；
var name ：string = “zhoujun”;
注意变量一旦声明指定之后；不可修改数据类型
eg：age = 18；√
age = “zhangsan” ×
在ts中，undefined和null也是一种数据类型
定义undefined只能存储数据undefined
定义null只能存储数据null
因为undefined和null是其他类型的子类，所以这两个变量的值可以赋值给其他类型的变量

联合类型
可以让变量存储多种数据类型的值
语法：
let 变量名： 数据类型1 | 数据类型2 | …；
表示这个变量的取值取这任意一种即可。

Any类型
变量设置any类型就可以设置任意类型的值
语法：let 变量名 ：any = 任意数据类型