首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

typescript:`{ key ():类型}` vs `{ key:() =>类型}`

typescript:{ key (): 类型} vs { key: () => 类型}

这两种写法都是 TypeScript 中定义函数类型的方式,它们的区别在于函数的定义方式不同。

  1. { key (): 类型}:这种写法表示 key 是一个函数,没有参数,返回类型为 类型。这种写法适用于不需要参数的函数,例如:
代码语言:txt
复制
const obj = {
  sayHello(): string {
    return "Hello";
  }
};

在这个例子中,obj 对象中的 sayHello 方法没有参数,返回类型为 string

  1. { key: () => 类型}:这种写法表示 key 是一个函数,没有参数,返回类型为 类型。这种写法适用于不需要参数的函数,例如:
代码语言:txt
复制
const obj = {
  sayHello: (): string => {
    return "Hello";
  }
};

在这个例子中,obj 对象中的 sayHello 方法没有参数,返回类型为 string。注意,这里使用了箭头函数的语法。

总结:

  • { key (): 类型}{ key: () => 类型} 都表示定义一个没有参数的函数,返回类型为 类型
  • { key (): 类型} 是传统的函数定义方式。
  • { key: () => 类型} 是使用箭头函数的函数定义方式。

推荐的腾讯云相关产品和产品介绍链接地址:

  • 腾讯云函数计算(云函数):https://cloud.tencent.com/product/scf
  • 腾讯云云开发(云开发):https://cloud.tencent.com/product/tcb
  • 腾讯云容器服务(TKE):https://cloud.tencent.com/product/tke
  • 腾讯云数据库(TencentDB):https://cloud.tencent.com/product/cdb
  • 腾讯云对象存储(COS):https://cloud.tencent.com/product/cos
  • 腾讯云人工智能(AI):https://cloud.tencent.com/product/ai
  • 腾讯云物联网(IoT):https://cloud.tencent.com/product/iot
  • 腾讯云移动开发(移动开发):https://cloud.tencent.com/product/mobdev
  • 腾讯云区块链(BCS):https://cloud.tencent.com/product/bcs
  • 腾讯云游戏多媒体(GME):https://cloud.tencent.com/product/gme
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

20分56秒

Web前端 TS教程 14.TypeScript中的函数类型 学习猿地

17分16秒

Web前端 TS教程 08.TypeScript中的特殊类型应用 学习猿地

15分21秒

Web前端 TS教程 07.TypeScript和JavaScript相同的类型 学习猿地

12分34秒

Web前端 TS教程 06.TypeScript的类型声明基本语法 学习猿地

29分44秒

Web前端 TS教程 09.TypeScript中对象和函数的类型声明 学习猿地

11分19秒

2.尚硅谷全套JAVA教程--微服务核心(46.39GB)/尚硅谷Redis7教程/视频/13_redis10大类型之key操作命令.mp4

28分6秒

02_TS的类型声明

27分7秒

03_TS中类型(1)

34分35秒

04_TS中类型(2)

2分57秒

2.尚硅谷全套JAVA教程--微服务核心(46.39GB)/尚硅谷Redis7教程/视频/157_redis高级篇之redis源码分析Hash类型listpack VS ziplist小总结.mp4

41秒

多通道振弦无线采集仪无法开机的常见原因

领券