【原创】TypeScript中的函数以及函数中的参数

零点

发布于 2024-04-04 09:47:51

1590

发布于 2024-04-04 09:47:51

文章被收录于专栏：微科技微科技

TypeScript中的函数和参数

TypeScript中的函数

TypeScript中的函数写法分为有名函数，匿名函数和箭头函数。

有名函数有名函数包含函数名，函数入参，函数返回值类型等。

function add(x:number,y:number):number {
 	return x+y;
}

匿名函数匿名函数无需包含函数名，可以将函数赋值给一个变量，这里的变量可以理解为函数的方法名，可以使用变量名去调用函数。

let z = function(x:number,y:number):number{
	return x+y;
}
console.log(z(1,2));

箭头函数 Es6中TypeScript提供了一种箭头函数，类似于Java中的lambda表达式。匿名函数的简写语法，省略了function关键字，其函数是一个语句块。

([param1:number,param2:number,...param3:number])=>{
	//代码块
}
//其中中括号中的是入参，实际使用时无需使用中括号可以有0个入参，也可以有多个入入参。箭头后的为函数的代码块，可以将这个函数赋值给一个变量，
let arrowFun = (param1:number,param2:number,...param3:string[])=>{
    return param1 + param2 + param3.join();
}

console.log(arrowFun(1,2,'张三','李四'));

普通函数改写为箭头函数

//改写前：
function consoleNum(num:number){
 if(num > 0){
   console.log("数字是正数");	
 }else if(num = 0){
   console.log("数字是0");
 }else{
   console.log("数字是负数");
 }
}

consoleNum(4);

//改写后：
let getNum = (num:number) =>{
 if(num > 0){
   console.log("数字是正数");	
 }else if(num = 0){
   console.log("数字是0");
 }else{
   console.log("数字是负数");
 }
}
getNum(-1);

TypeScript中的参数。

TypeScript中的参数分为正常参数，可选参数，剩余参数。

正常参数，方法在定义时需要几个参数就定义几个参数，调用时也需要上送对用的参数个数和参数类型。

function add(x:number,y:number):number {
 	return x+y;
}
console.log(add(1,2));

可选参数，方法在定义时，某个参数名后添加?则表示该参数可传可不传。

function buildName(fristName:string,lastName?:string):string{
	if(lastName){
		return fristName + lastName;
	}else{
		return fristName;
	}
}

//传一个参数调用
let bob = buildName('bob');
console.log(bob);
//传两个参数调用
let zhangsan = buildName('zhang','san');
console.log(zhangsan);

剩余参数，指参数在自定义时无法确定需要上送的参数个数，此时就用到了剩余参数。剩余参数部分的入参可以不传，也可以传多个。

function getEmployeeName(firstName:string,...restOfName:string[]){
	return firstName + '' + restOfName.join('');
}
console.log(getEmployeeName('bob'));
console.log(getEmployeeName('bob','tim','lisi'));