TypeScript基础知识

一、TypeScript的变量

1.变量声明

TypeScript在JavaScript的基础上加入了静态类型检查功能，因此每一个变量都有固定的数据类型。

let msg: string = 'hello world'

 let声明变量的关键字，const则代表常量；msg是变量名，自定义的；string是变量的数据类型。

2.更多数据类型声明

let msg: string = 'hello world'
let age: number = 21
let finished: boolean = true

string是字符串类型，可以用单引号或者双引号赋值；number是数值类型，值可以是整数，浮点数。

 let a:any = 'jiack
a = 21'

any是不确定类型，赋的值可以是任意类型，在执行过程中不对其进行数据类型的检测。

let u: string|number|boolean = 'rose'
u = 18

此为union,是联合类型，可以是多个指定类型中的一中。和any在函数中使用的较多，因为函数中一旦对数据进行了固定后，后限制参数的类型从而降低函数的灵活性。

let p = {name: 'jack',age: 21}

//拿到输出值,常用
console.log(p.name)
//或者第二种方法拿到输出值
console.log(p['name'])

Object对象类型

//数组声明方式一
let names: Array<string> = ['Jack','Rose']
//数组声明方式二
let ages: number[] = [21,18]

//访问数组内数据，根据下标来选
console.log(names[0])

Array是数组类型，元素可以是任意其他类型

     

二、TypeScript的条件控制

   

1.if....else

Typescript与大多数开发语言类似，支持基于if....else和switch的条件控制。

//定义数字
let num:number = 21


//案例一判断是否是偶数
if(num % 2 ===0){

  console.log(num + '是偶数')
}else{

 console.log(num + '是奇数')

}

//案例二判断是否是正数
if(num > 0){
 console.log(num + '是正数')
}else if(num < 0){
 console.log(num + '是负数')
}else{
 console.log(num + '为0')
}

在TypeScript中，空字符串、数字0、null、undefined都被认为是false,其他值则为true。

if(num){

   //num非空，可以执行此处逻辑
}

2.switch

//定义成绩
let grade: string = 'A'

switch(grade){

  case 'A' :{
    console.log('优秀')
    break
    }
 
  case'B' :{

   console.log('合格')
   break
   }

 case'C' :{

   console.log('不合格')
   break
   }

//结果不是上面这几个的话，运行下面输出
 defaule ：{
 console.log('非法输入')
  break
    }
}

 

三、TypeScript的循环迭代

1.for和while

//普通for
for(let i = 1; i <=10; i++){
console.log('点赞'+i+'次')

}



//普通while
let i = 1;
while(i <=10){
console.log('点赞'+i+'次')
i++

}

Typescript支持for和while循环。

//定义数组
let names: string[] = ['Jack','Rose']

//for in 迭代器，遍历得到数组角标
for(const i in names){
  console.log.log(i + ':' name[i])
}

//for of 迭代器，直接得到元素
for(const name of names){
  console.log(name)
}

Typescript为一些内置类型如Array等提供了快捷迭代语法。

         

四、TypeScript的函数

1.函数

//无返回值函数，返回值void可以省略
function sayHello(name: string): void{
  console.log('你好，' + name + '!')
}

sayHello('jack')

//有返回值函数
function sum(x: number,y: number):number{
   return x+y
}

let result = (21,18)
cosole.log('21 + 18 =' + resule)


//更改为箭头函数
let sayHi = (name: string) =>{
  console.log('你好，' + name + '!')
}
sayHi('Rose')

TypeScript通常利用function关键字声明函数，并且支持可选参数，默认参数，箭头函数等特殊语法。

//可选参数，在参数名后加？，表示该参数是可选的
function sayHello(name?: string){
//判断name是否有值，如果无值则给一个默认值（三元运算）
  name = name ? name : '陌生人'
  console.log('你好，' + name + '!')
}

sayHello('Jack')
sayHello()

//参数默认值，在参数后面赋值，表示参数默认值
//如果调用者没有传参，则使用默认值

function sayHello(name: string = '陌生人'){
  console.log('你好，' + name + '!')
}

sayHello('Jack')
sayHello()