1.函数的定义

// es5定义函数的方法
function fun(){
    return 'run'
}

var run2 = function(){
    return 'run2'
}

//ts中定义函数的方法
//函数声明法
    function run():string{
        //规定返回值为字符串类型
        return '11'
    }

//匿名函数
var fun2 = function():number{
    //规定返回值为数字类型
    return 123
}

ts中定义方法传参

//ts中定义方法传参
function getInfo(name:string,age:number):string{
    /*
        1.规定传入参数name的类型是字符串类型
        2.规定传入参数age的类型是数字类型
        3.规定getInfo的返回值为string类型
    */
    return `我的姓名是${name},我的年龄是${age}`
}

//匿名函数写法
var getInfo = function(name:string,age:number):string{
    return `我的姓名是${name},我的年龄是${age}`
}

console.log(getInfo('王金毅',22))

没有返回值的方法

function getInfo(name:string,age:numbe):void{
    console.log(`我的姓名是${name},我的年龄是${age}`)
}

getInfo('王金毅',22)

2.方法可选参数

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

es5里面方法的实参和形参可以不一样，但是ts中必须一样，如果不一样就需要配置可选参数

//可选参数  age参数可传 可不传
function getInfo(name:string,age?:number):string{
    if(age){
        return `我的姓名是${name},我的年龄是${age}`
    }else{
        return `我的姓名是${name},年龄保密`
    }
}


console.log(getInfo('王金毅'))

3.默认参数

es5里面没法设置默认参数，es6和ts可以设置默认参数

function getInfo(name:string,age:number = 10):string{
    if(age){
        return `我的姓名是${name},我的年龄是${age}`
    }else{
        return `我的姓名是${name},年龄保密`
    }
}


console.log(getInfo('王金毅'))

4.剩余参数

function sum(...result:number[]){
    let sum = 0
    result.forEach(item => sum+=item)
    return sum
}

console.log(sum(1,2,3,4,5))

//前两个参数 单独赋值，之后的参数使用剩余参数
function sum (a:number,b:number,...result:number[]){
  let sum = Number(a+b)
  result.forEach(item => sum += item)
  return sum
}

console.log(sum(1,2,3,4,5))

5.函数的重载

  //ts中的重载
  function getInfo(name:string):string;
  function getInfo(age:number):string;
  function getInfo(str:any):any{
    if(typeof str == 'string'){
      return '我叫' + str
    }else {
      return '我的年龄是' + str
    }
  }

  // alert(getInfo('张三'))  //正确输出张三
  // alert(getInfo(20)) //正确输出20
  alert(getInfo(true)) //ts报错 上文的重载样例中没有准许传入boolean类型

  function getInfo(name:string):string;
  function getInfo(name:string,age:number):string;
  function getInfo(name:string,age?:number):any{
    if(age){
      return '我叫' + name + '我的年龄是' + age
    }else {
      return '我叫' + name
    }
  }