五、TypeScript语言基础
1.认识TypeScript
TypeScript是一种由微软开发的开源的编程语言，它是js的一个超集，向js添加了静态类型和基于类的面向对象。
2012年10月，微软发布了首个公开版本的TypeScript。
2013年6月，微软发布了正式版ts0.9。
2.变量与常量
什么是变量？
变量是存储信息的容器，其中的值(内容)是可变的。
变量的声明
我们使用var关键字来声明变量。
var a;
es6之后推出了一个新的关键字let来声明带有块级作用域属性的变量。
let b;
使用 = 来赋值
var a = 3;
//如果只是声明变量，没有赋值，则变量默认值为undefined
var b; //undefined
一条语句中可以声明多个变量
var a,b,c;
var a = 3,b,c = 5;
变量的命名规则和规范
不允许使用语言的关键字和保留字作为变量名。
不能以数字开头。
可以使用字母，数字，下划线(_)，美元符号($)组合成变量名。
变量声明的名称要见名知意。
命名法：下划线命名法，小驼峰命名法，大驼峰命名法。
number：数字
var b:number = 4;//ts声明一个number数据类型b，并赋值为4.
string：字符串
var str:string = '你好';
boolean：布尔值
var a:boolean = false;
Array：数组
Tuple：元组
enum：枚举
enum PRICE{
"apple",
"orange"
}
console.log(PRICE.apple);
any：任意类型
var b:any = 9;
b = "hello";//any数据类型的变量，可以再次赋值为任意类型的变量
undefined：未定义
null：空(引用类型为空)
运算符：
+ - * / % > < && !等都是运算符。
由变量、常量、运算符组成的式子就是表达式。
算术运算符
运算符：+ - * / %
表达式：a + b; a * b; 50 / 3;
功能：进行数学运算
表值：算数运算的结果
注意：+这个符号的两侧如果出现字符串，则该+号就变成了 字符连接符
赋值运算符
运算符：=
表达式：a = 5；
功能：把等号右边的值赋给等号左边的变量。
表值：复制之后变量的值
注意：等号左侧必须是变量。
自增自减运算符
运算符：++(自增)，--(自减)
表达式：a++，++a，a--，--a；
功能：让变量进行自增或者自减1
表值：
a++(++在后面，先取变量的值作为变量的值，然后让变量+1)
++a(++在前面，先让变量加1，然后再取变量的值)
复合运算符
：+= -= *= /= %=
表达式：a+=3；
功能：先进行算术运算，再进行赋值运算(a+=3等价于a=a+3)
表值：最后赋值之后变量的值
注意：两个符号之间不能出现空格
关系运算符
运算符：> >= < <= == !=
表达式：a>3 ; a == b
功能：进行大小关系的比较
表值：关系成立，表达式的值为true，否则表达式的值为false
注意：1.不同数据类型的值不可以进行大小关系比较。
2.当运算符的两边都是字符串的时候，会按照字符串的比较规则进行比较
逻辑运算符
运算符：&& || ！
表达式： 3 && 5; 3 > 4 || 5 > 3;
功能：进行逻辑运算
表值：&&两侧有一个为假即为假
||两侧有一个为真即为真
！ 非真即假，非假即真
注意：所有代码层面的运算符号，统统为英文符号
1.流程控制
计算机执行程序的时候，是按照从上到下，从左到右，逐行进行
我们常见的流程：顺序、分支、循环
分支结构
单分支：
语法结构：
if(表达式){
代码块
}
执行逻辑：当程序遇到if结构，首先判断表达式的值，如果表达式的值为真，则执行大括号里面的代码块，如果表达式的值为假，则直接跳过if结构(不执行大括号里面的代码块)
var a = 3;
if(a > 2){
console.log(a);
}
二分支：
语法结构：
if(表达式){
代码块1;
}else{
代码块2;
}
执行逻辑：当程序遇到if-else结构时，首先计算表达式的值，如果表达式的值为真，则执行代码块1；如果表达式的值为假，则执行代码块2.
多分支：
语法结构：
if(表达式1){
代码块1;
}else if(表达式2){
代码块2;
}else if(表达式3){
代码块3;
}
执行逻辑：当程序遇到if-else if结构时，首先会计算表达式1中的值，如果表达式1为真，则执行代码块1；如果表达式1为假，则继续判断表达式2的值，如果表达式2的值为真，则执行代码块2；如果表达式2的值为假，则继续判断表达式3的值，如果表达式3的值为真，则执行代码块3，如果表达式3的值为假则跳过if-else if语句，接着执行下面的语句。
switch-case语句：
语法结构：
switch(val值){
case val_1:代码块1;
break;
case val_2:代码块2;
break;
case val_3:代码块3;
break;
}
执行逻辑：如果val值等于val_1,则执行代码块1；如果val值等于val_2,则执行代码块2；如果val值等于val_3,则执行代码块3；
循环结构：
while语句：
语法结构：
while(条件表达式){
//循环语句
}
执行逻辑：首先判断条件表达式，如果表达式结果为真，则执行循环语句，之后继续判断条件表达式，直到为假时蔡停止。
do-while语句：
语法结构：
do{
//循环语句
}while(循环条件)
do-while与while的区别：
while循环先判断，后执行。
do-while循环先执行后判断。
do-while至少执行一次循环语句。
for语句：
for(var a : number = 0; a < 10; a++){
//循环语句
}
跳出循环：
break：直接跳出当前循环
continue：直接跳过本次循环，continue下的循环语句不再执行，继续进行下次循环。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/128043.html
