typescript的函数

1:默认参数(传入值会覆盖默认参数,不传值也行)es6

function getinfo(name:string,age:number=20):string{
    return `${name}---${age}`
}
console.log(getinfo("张三"));//打印出:张三 20
console.log(getinfo("张三",30));//打印出:张三 30

2:可选参数(能够传可选的值也能够不用传,可是可选的参数必须放在参数列表的最后数组

function getinfo1(name:string,age?:number):string{
    if(age){
        return `${name}---${age}`  
    }else{
        return `${name}---年龄保密`
    }
    
}
console.log(getinfo1("张三"));//打印出:张三 年龄保密
console.log(getinfo1("张三",30));//打印出:张三 30

3:剩余参数函数

先看一个基本的应用es5

function sum(a:number,b:number,c:number,d:number):number{
    return  a+b+c+d;
}
console.log(sum(1,2,3,4));//10

上面的代码就能够改写成剩余参数的形式,利用es6的三点运算符(至关于把参数赋值给一个数组,而后用循环遍历这个数组spa

function sum1(...result:number[]):number{
    var sum=0;
    for(let i=0;i<result.length;i++){
        sum+=result[i];
    }
    return sum;
}
console.log(sum1(1,2,3,4,5));//15
console.log(sum1(1,2,3,4,5,6));//21

或者(这样的话就是把你传进来的第一个参数赋值给a,后面的放进数组code

function sum1(a:number,...result:number[]):number{
    var sum=a;
    for(let i=0;i<result.length;i++){
        sum+=result[i];
    }
    return sum;
}
console.log(sum1(1,2,3,4,5));//15
console.log(sum1(1,2,3,4,5,6));//21

4.箭头函数blog

//es5正常写法
setTimeout(function(){
    alert("run");
},3000)
//es6箭头函数的写法
setTimeout(()=>{
    alert("run");
},3000)
相关文章
相关标签/搜索