typeScript入门

typescript入门第一步

1、关于计算机语言

c++ ：数据类型 变量 常量 运算符 程序结构 函数 类与对象 强类型语言

c语言的超集

typeScript：数据类型 变量 常量 运算符 程序结构 函数 类与对象 强类型脚本语言

JavaScript语言的超集

2、ts环境搭建

2.1安装nodejs（编译解释器）

Node.js 中文网 (nodejs.cn)

下载LTS长期维护版本

2.2检查nodejs是否安装成功

打开控制台窗口，输入node -v;

安装成功会输出nodejs的版本号

2.3安装typeScript

打开powershell窗口，输入npm i -g typescript,以此安装typeScript

2.4检查typeScript是否安装成功

控制台输入tsc检测

2.5编译ts文件

第一步 准备一个ts文件

第二步 利用tsc命令编译，编译之后会出现一个js文件

tsc ts文件名

第三部 node命令执行js文件

node js文件名

3、IDE软件安装

vscode

4、ts变量

4.1 变量的作用域

全局作用域：整个ts文件 整个全局

类作用域：类的作用域 通过类的对象访问普通变量，类的静态变量通过类名访问

局部作用域：声明在代码块{}

4.2 变量的声明

let ：当前快作用域下 {}

var ：全局环境

const ：声明常量 拥有和let一样的作用域

console.log("第一个ts文件");
let a = 10;
var b = 11;

let c :string = "jjjjjjj";	 //限制c只能存储string类型

const data = "ffffff";

4.3 要点

typeScript区分大小写

代码分号是可选的（编译时默认在每一行后面添加分号）

注释和c/c++一样

5、ts数据类型的简单介绍

5.1 任意类型 any

5.2 数字 number 双精度64位浮点值

5.3 字符串 string ts js 中 '' "" 都代表字符串

5.4 布尔值 boolean

5.5 数组类型

//数组
let arr = [2,3,4];
arr[3] = 8;			//不会报错，自动扩容
console.log(arr);

5.6 元组

//元组：表示已知元素数量和类型的数组
let yz:[string , number];
yz = ["dada",1];

5.7 枚举

//枚举
enum COLOR {Red, green , white};
let rr = COLOR.Red;
let rr1:COLOR = COLOR.white;

5.8 void 用来标识方法返回值

5.9 null

5.10 undefined 未定义

let yyyz2;			//未定义
console.log("-------",yyyz2);
let yyyz3 = null;	//null
console.log("-------",yyyz3);

输出为

5.11 never 从来不会出现的类型