typescript ---- 函数（一）_typescript中匿名函数的正确写法是-优快云博客

本文链接：https://blog.youkuaiyun.com/Cg_Companion_Xi/article/details/106864120

本文详细介绍了ES5及TypeScript中定义函数的各种方法，包括函数声明、匿名函数、方法传参、可选参数及默认参数等。通过具体示例，展示了如何在不同场景下正确使用这些函数定义方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

es5 中定义函数的方法

// 函数声明
function test(){
    return 'run';
}
// 匿名函数
var test2 = function(){
    return 'run2';
}

ts函数声明法

// 正确的写法:
function run():string{
     return '今天，天气不好';
}
// 错误的写法
function run2():string{
    return 123;
}

ts匿名函数

	var run2 = function():number{
	    return 123;
	}
	alert(run2())

在这里插入图片描述
ts中定义方法传参

// ts定义方法传参
function getinfo(name:string,age:number):string{
    return `${name} ---- ${age}`;
}
alert(getinfo('张三',20));

在这里插入图片描述
ts没有返回值的方法

function run():void{
    console.log("run");
}
run();

在这里插入图片描述
方法的可选参数
es5方法的实参和形参可以不一样，但是ts中必须一样，如果不一样就需要配置可选参数。
问号（?）配置可选参数

function getinfo(name:string,age:number):string{
     if(age){
         return `${name}---${age}`;
     }else{
         return `${name} ---- 姓名保密`;
     }
}
 alert(getinfo('张三'));

虽然能输出结果，但是会报错
在这里插入图片描述

 alert(getinfo('张三',22));

在这里插入图片描述
如果只给一个参数，就需要在形参后面加 ‘ ？’；当给一个参数时也不会报错。

function getinfo(name:string,age?:number):string{
     if(age){
         return `${name}---${age}`;
     }else{
         return `${name} ---- 姓名保密`;
     }
}

默认参数（可选参数）。es5没法设置默认参数，es6和ts中可以设置默认参数

function getInfo(name:string, age:number=26):string{
	return `${name}--${age}`
}