TypeScript 常用语法(二)

上一篇文章讲了一下TypeScript的一些语法,这一篇讲剩下的

函数

函数封装了一些重复使用的代码,在需要的时候直接调用

函数是 JavaScript 应用程序的基础，它帮助你实现抽象层，模拟类，信息隐藏和模块。在 TypeScript 里，虽然已经支持类，命名空间和模块，但函数仍然是主要的定义行为的地方。

js中书写方式

命名函数

function aa(){
   
	console.log('hello')
}
aa() //hello

匿名函数

(function(){
   
	console.log('hello')
})()

ts中书写方式

命名函数

//函数中的a,b都是string类型,小括号后面的string代表函数的返回值是string
function aa(a:string,b:string):sting{
   
	return a+b
}
console.log(aa('11','22'))  //1122

匿名函数

//函数中的a,b都是number类型,小括号后面的number代表函数的返回值是number
const add=function(a:number,b:number):number{
   
	return a+b
}
console.log(add(11,22))  //33

完整写法

//add是函数变量名
//(a:number,b:number)=>number当前这个函数的类型
//function(a:number,b:number):number{return a+b} 函数类型的值
const add:(a:number,b:number)=>number=function(a:number,b:number):number{
   
	return a+b
}
console.log(add(10,20))  //30

可选参数和默认参数

可选参数:代表这个函数可以传参也可以不传参

在ts中,函数在声明的时候,在形参后加 ? 进行修饰,那么久代表该参数是可选参数

function aa(a:string,b?:string):string{
   
	//判断b是否传值
	if(b){
   
		return a+b
	}{
   
		return a
	}
}
console.log(aa('11'))	//11
console.log(aa('11',