TypeScript基本语法
TypeScript基本语法
typescript：包含数据类型，变量，常量，函数，类与对象，运算符，程序结构、模块与命名空间等，是一种脚本语言。是javaScript语言的加强。
ts环境搭建
1.安装nodejs
nodejs是JavaSprite运行环境
nodejs.org//nodejs的官网
nodejs.cn//nodejs的中国网站
目前稳定的版本为：node-v10.16.0
TLS为长期维护版本，比较稳定
2.检查nodejs是否安装成功
打开控制台：使用node -v指令查看nodejs的版本。
打开控制台的方法：
1.win+r,输入cmd打开
在当前目录的路径栏中输入cmd，直接打开当前路径的控制台窗口
2.powershell：shift+鼠标右键->弹出菜单，选择打开powershell窗口，建议使用
3.安装typescript
打开控制台：npm i -g typescript//安装typescript，其中npm自带的包管理器，可以安装库，利用tsc检查是否安装成功
4.ts运行的原理
ts—(编译)—>js—(编译)—>运行
5.记事本运行方法
tsc test.ts(ts的文件名)//编译ts文件，编译完成之后会自动生成js文件
tsc test.ts(ts的文件名) -w//监测ts文件是否有改动，有改动则自动编译成js，直到关闭控制台窗口或ctrl+c手动停止（单文件监测编译）
创建一个文件tsconfig.json，在使用tsc -w就可以进行文件夹的监测编译,包括文件夹中的文件夹的内容（多文件监测编译），tsconfig.json中的内容：
{}
node test.js(js的文件名)//运行js文件
console.log("Hello World");//输出语句
6.IDE
vsCode软件，插件多
ts变量
1.变量的作用域
全局作用域：作用在整个ts文件
类的作用域：作用在类中，可通过类的对象访问普通类变量，类的静态变量通过类名直接访问
局部作用域：作用在目前的代码块当中
2.变量的声明
let：当前块作用域下//{}之中
var：全局环境
const：和let一样在块作用域中，但是用来声明常量，不可以进行赋值
3.变量类型的限定
let/var/const 标识符:数据类型 = 值;
变量可以不进行限定，在赋值时会自动转换成相应的类型，已赋值的变量的类型会自动限定。
4.notes
1.typescript区分大小写
2.typescript一行代码中的;可写可不写
3.注释
//单行
/*多行注释*/
数据类型
1.任意类型any，变量可以赋予任意类型的值
2.数字类型number，在ts中只有number类型，双精度64位浮点值，相当于C++中的double类型。
//查看最大最小值的属性
Number.MAX_VALUE
Number.MIN_VALUE
//数字转换成字符串
let num:number=100；
let str:string=num.toString();
3.字符串类型string，在ts中只有字符串类型，没有char类型，并且" "和’ '是通用的，都表示字符串，但双引号和单引号不能混用
//1.切割字符串，split方法,和py中的用法相似
let str="hello world a";
let str1=str.split(" ",3);//切成3段，以两个空格切割
console.log(str1);//结果为['hello','world','a']
//2.length属性
let str='12345';
console.log(str.length);//结果为5
//3.连接字符串+
let str1='123';
let str2='456';
let str3=str1+str2;//123456
//4.截取字符串subString方法
let str = '123456789';
console.log(str.substring(1,5));//2345区间取于[1,5)，结束下标参数可以没有，默认到最后
console.log(str.substring(1));//23456789
4.boolean类型 true和false
5.数组类型,没有关键字，也是从下标0开始，并且不是固定长度的,可以自动扩容
let arr=[2,3,4];
arr[3]=5;
console.log(arr);//不用像C++中那样循环输出
console.log(typeof(arr));//object
let arr:any=[1,"2"];//any类型数组可以存放不同类型的元素
//多维数组
let num:number[][];
num=[[1,2,3],[4,5,6]];
6.元组类型，表示已知元素数量和类型的数组,一种特殊的数组，主要使用个数限定这个优点
let yz:[string,number];
yz=["lisi",1];
console.log(typeof(yz));//object基础类型，是一个对象,用typeof无法和数组区别开来
7.枚举类型
enum COLOR {red,green,blue};
let rr = COLOR.red;
let rrr:COLOR;
8.void类型,用于函数返回值
9.null类型，有值，定义了，赋值为null
10.undefined类型，没有值，定义了当没有赋值
11.never类型，从来不会出现的值，继承自null和undefined
typescript运算符
C++：算数运算符，逻辑运算符，关系运算符，位运算符，赋值运算符，杂项运算符（sizeof,三元,&,*,成员运算符,逗号运算符）
ts：算术运算符，逻辑运算符，关系运算符，位运算符，赋值运算符，（三元，类型typeof，字符串运算符）
1.算数运算符
七种：+、-、*、/、%、++、–
2.关系运算符
用于数值或变量判断
>、<、==、>=、<=、!=
3.逻辑运算符
多用于条件的判断，返回布尔类型的值
与&&、或||、非！
小要点：（与和或为短路运算符）前面的能判断出结果，就不会判断后面的式子
4.位运算符
用于流数据，主要是音频
&(and)、|(or)、~(取反)、<<(左移)、>>（右移）、>>>（无符号右移）
流处理和网络协议类似，两种方式:
1.服务器将所有的数据包接收到之后再发送
2.服务器接收一个数据包，检测顺序之后再直接发送给客服端
5.赋值运算符
=、+=、-=、/=、*=、%=
6.三元运算符
（条件）? 值1 : 值2
7.类型运算符
typeof()//判断是什么类型
let a = 10；
console.log(typeof(a));//输出number
8.字符串连接符+
可以多个字符串连接，和python中的用法一样
let str1="hello";
let str2="world";
console.log(str1+str2);//输出helloworld
结构
1.条件选择
if、if…else…、嵌套、switch结构，其中switch中的条件中的值必须为number或枚举类型
2.循环
for、for in、for of、while、do…while
for(const i in arr){
console.log("输出",i,arr[i]);//i为下标
}
for(const iterator of arr){
console.log(iterator);//iterator为数组中的值
}
3. 跳出
continue、break
函数
关键字：function
定义方式：function 函数名（形参列表）：返回值类型{
函数体
}
使用函数的方法：函数名（形参值）;
function test():number{
console.log("test");
return 1;
}//无参函数
function name(str:string):number{
console.log(str);
return 1;
}//有参函数
可选参数（？表示调用该函数可以对该参数进行赋值，也可以不对该参数进行赋值）
function test(str:number,num?:number){
...
}//num可以赋值，也可以不赋值
test("hello");
test("hello",1);//这两种调用方式都对
默认参数
function test(num:number,str:string="nb"){
...
}//当没有给str赋值时，str的值为nb
剩余参数（可变参数，多参数,参数数组）,参数个数不固定
function test(...num:number[]):number{
for(let index=0;index<num.length;index++){
const element = num[index];
console.log(element);
}
return 1;
}
test(1,2,3,4,5,6);
匿名函数（无函数名）
利用变量的生存周期来防止全局下的污染
let mas=function(){
return "匿名函数";
}
console.log(msg());
//箭头函数，可以用于回调函数中
()=>{
函数体
}
类与对象
定义方式：
class stu{
//类的成员变量
id:number;
name:string;
//构造,和c++类似
constructor(){
name="123";
id=1;
}
//类的成员方法
setName(name:string):void{
this.name=name;
}
}
调用：
let yi = new stu();
yi.setName("123456");
继承:
关键字：extends
class ITStu extend str{
static major:string;//静态变量
getMajor(){
return '计算机专业';
}
setName(name:string):void{
super.setName(name);//调用父类的方法，且重写了setName方法
}
}
let yi = new ITStu();
console.log(ITStu.major);//访问静态变量的方法
引入外部代码（类似于头文件的导入）
import 类名 from 路径