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

Question

我有以下代码，想知道我是否可以在行 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),但是好像不行

Answer 1

您可以使用以下语法：

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

如果您不是从 rowData 对象访问 this，那么除了语法之外没有明显的优势。该函数也将是匿名的，这使得它在堆栈跟踪中未命名。