H5游戏开发-TypeScript语言基础

五、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;

变量的命名规则和规范

不允许使用语言的关键字和保留字作为变量名。

不能以数字开头。

可以使用字母，数字，下划线(_)，美元符号($)组合成变量名。

变量声明的名称要见名知意。

命名法：下划线命名法，小驼峰命名法，大驼峰命名法。

3.ts语言的数据类型

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：空(引用类型为空)

4.运算符和表达式

运算符：

+ - * / % > < && !等都是运算符。
由变量、常量、运算符组成的式子就是表达式。

算术运算符

运算符：+ - * / %
表达式：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;
功能：进行逻辑运算
表值：&&两侧有一个为假即为假
     ||两侧有一个为真即为真
     ！ 非真即假，非假即真
注意：所有代码层面的运算符号，统统为英文符号
​

5.ts基本语法

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下的循环语句不再执行，继续进行下次循环。