个人typescript学习笔记（1）---函数

纯属个人学习，加深记忆使用。

关于一些函数的定义

普通函数声明法

在js的基础上加上函数的返回值类型

function fun1():string{
return "123"
}
//匿名函数
var fun2=function():number{
return 123
}

方法内传参

function fun3(name:string,age:number):string{
return `${name} --- ${age}`;
}

可选参数

es5中实参和形参可以不一样，ts中如果不一样需要配置可选参数
在参数名后加上’?'代表这个参数是可选参数

function fun4(name:string,age?:number):string{
if(age){
return `${name} --- ${age}`;
}else{
return name;
}
}

注意：可选参数必须配置到参数的最后

//这样是错误的
function fun4(name?:string,age:number):void{
}

默认参数

es6和ts中都可设置默认参数,没有传入参数时使用默认值

function fun5(name:string,age:number = 10):string{
return `${name} --- ${age}`;
}

剩余参数

三点运算符接收参数

function fun6(...result:number[]):number{
let sum = 0;
for(let i = 0;i<result.length;i++){
sum+=result[i];
}
return sum;
}
function fun7(a:number,...result:number[]):number{
let sum = a;
for(let i = 0;i<result.length;i++){
sum+=result[i];
}
return sum;
}

箭头函数

this指向上下文

setTimeout(() => {

}, 1000);

关于函数的重载

function getInfo(name: string): string;
function getInfo(age: number): number;
function getInfo(str: any): any {
if (typeof str === 'string') {
return "姓名" + str;
} else {
return "年龄" + str;
}
}

参数不一样时

function getInfo(name: string): string;
function getInfo(name: string, age: number): string;
function getInfo(name: any, age?: any): any {
if (age) {
return "姓名" + name + "年龄" + age;
} else {
return "姓名" + name
}
}

• 点赞
• 收藏
• 分享
• 文章举报