在打字稿中应用箭头函数作为对象属性

Posted

技术标签:

【中文标题】在打字稿中应用箭头函数作为对象属性【英文标题】:apply arrow function as object property in typescript 【发布时间】:2021-06-28 19:28:44 【问题描述】:

我有以下代码,想知道我是否可以在data(value: value: string) return func(value); , 行上作为箭头函数应用

function func(value: string)
    return `$value has been formated`

const rowData = 
  height: 20,
  data(value: value: string) 
    return func(value);
  ,
  width: 130,
;

console.log(rowData.data(value:'aaaa')) //aaaa has been formated

我尝试了data(value: value: string) => func(value),,但它似乎不起作用

【问题讨论】:

data: (...) => ...? 【参考方案1】:

您可以使用以下语法:

const rowData = 
  // ...
  data: (value: value: string) => func(value),
  // ...
;

考虑到您没有从rowData 对象访问this,除了语法之外,这并没有什么显着优势。该函数也将是匿名的,这使得它在堆栈跟踪中未命名。

【讨论】:

以上是关于在打字稿中应用箭头函数作为对象属性的主要内容,如果未能解决你的问题,请参考以下文章

关于箭头函数中的this指向问题

打字稿 - 在箭头(回调)函数中使用它 - 猫鼬

带有箭头函数的打字稿重载方法

打字稿装饰器不能使用箭头函数

ES6箭头函数rest参数扩展运算符Symbol的使用

转换对象属性,以便在打字稿中保留隐式类型