美文网首页
Ts中的函数

Ts中的函数

作者: 小溪流jun | 来源:发表于2021-09-27 20:18 被阅读0次

/* 一、用数据类型对函数输入和输出进行约束*/
function sum(x: number, y: number): number {
    return x + y
}
let mySum: (x: number, y: number) => number = function (x: number, y: number): number {
    return x + y
}

/*二、用接口的方式来定义一个函数需要符合的形状*/
interface SearchFunc {
    (source: string, subString: string): boolean
}
let mySearch: SearchFunc
mySearch = function (source: string, subString: string) {
    return source.search(subString) !== -1
}

/* 三、可选参数?*/  //可选参数后面不允许再出现必需参数了
// function buildName(firstName: string, lastName?: string) {
//  if (lastName) {
//      return firstName + ' ' + lastName
//  } else {
//      return firstName
//  }
// }
// let tomcat = buildName('Tom', 'Cat')
// let tom = buildName('Tom')

/* 四、参数默认值*/  //TypeScript会将添加了默认值的参数识别为可选参数:此时就不受「可选参数必须接在必需参数后面」的限制了
function buildName(firstName: string, lastName: string = 'Cat') {
    return firstName + ' ' + lastName
}
let tomcat = buildName('Tom', 'Cat')
let tom = buildName('Tom')

/* 五、剩余参数 */  //ES6 中,可以使用 ...rest 的方式获取函数中的剩余参数(rest 参数) //rest 参数只能是最后一个参数,关于 rest 参数,可以参考 [ES6 中的 rest 参数][]。
function push(array: any[], ...items: any[]) {
    items.forEach(function (item) {
        array.push(item)
    })
}

let a = []
push(a, 1, 2, 3)

/* 六、重载 */ //重载允许一个函数接受不同数量或类型的参数时,作出不同的处理
// function reverse(x: number | string): number | string {
//  if (typeof x === 'number') {
//      return Number(x.toString().split('').reverse().join(''))
//  } else if (typeof x === 'string') {
//      return x.split('').reverse().join('')
//  }
// }

function reverse(x: number): number //前几次都是函数定义,最后一次是函数实现
function reverse(x: string): string
function reverse(x: number | string): number | string {
  if (typeof x === 'number') {
  return Number(x.toString().split('').reverse().join(''))
  } else if (typeof x === 'string') {
  return x.split('').reverse().join('')
  }
}



相关文章

  • typeScript学习02

    typescript中的函数 ts中函数定义 ts中函数的传参 ts中的函数的可选参数(js中函数的形参和实参可以...

  • Typescript之函数

    定义一个函数 定义函数有2种方式, 分别是函数声明和函数表达式 js中定义函数 ts中定义函数在ts中, 我们需要...

  • typeScript语法

    ts类型 ts联合类型使用或 ts定义任意类型any ts定义函数返回值的类型 ts中的类定义 interface接口

  • TS中的函数

    本文目录: 1.函数定义的两种方式 2.函数类型 3.可选参数和默认参数 4.剩余参数 5.函数重载 函数的几个基...

  • Ts中的函数

  • ffmpeg中的ts/mp4封装格式支持哪些编码格式

    ts libavformat/mpegtsenc.c中 函数中可以看出ts支持哪些编码格式。 movenc ff_...

  • TypeScript学习——函数的类型

    TS中的函数声明 在TS中,需要对函数的输入和输出进行约束,需要把输入和输出都考虑到,其中函数声明的类型定义比较简...

  • 1.14 ionic3入门——获取当前时间

    (1)在html页面上写入 (2) 在ts文件中声明一个全局变量 在构造函数中 (3)ts完整代码

  • 02|typescript常用实例

    一、定义索引数组 二、定义函数 函数参数可选 函数参数默认值 函数参数的剩余变量 函数的重载 三、ts中的类 类的...

  • TS中几种函数重载

    函数重载 函数重载,先要了解什么是函数签名:函数签名 = 函数名称+函数参数+函数参数类型+返回值类型四者合成,包...

网友评论

      本文标题:Ts中的函数

      本文链接:https://www.haomeiwen.com/subject/wleknltx.html