typeScript入门

Posted 2022-01-10 宣哲

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 从来不会出现的类型