为什么我无法访问 function 属性？

Question

我正在写一个 function 参考回调函数。 但是我似乎无法访问它的属性。

const example = (
   callback: (...args: unknown[]) => unknown
): void => ({
   name: callback.name // <- errors
   // ...
})

我的问题是， typescript不喜欢我访问功能属性。

name: callback.name 
// ts(2339): Property 'name' does not exist on type '(...args: any[]) => any'

访问 function 名称（或其他Function属性）的正确方法是什么？

Typescript 版本：“^ ˆ3.9.7 ” （截至发帖当天最新）

Answer 1

好吧，我找到了导致它的原因以及如何解决它。 发生此问题的原因是我的tsconfig.json是如何在我的项目中设置的。

// tsconfig.json
{
  "compilerOptions": {
    "target": "es5",
    // ....
  },
}

interface Functon函数的原因仅在lib.es6.d.ts中声明

所以根据需要，为了解决这个问题，你可以

• 在tsconfig.json中升级目标版本

  { "compilerOptions": { "target": "es6" // was "es5" //... } }

• 或者指定要包含在编译中的"lib"

   { "compilerOptions": { "target": "es5", "lib": ["es6", "dom", "es2016", "es2017", "es5"], // needs at least es6 //... } }

Answer 2

import { Dispatch, SetStateAction } from 'react'
import { FieldType, ErrorType } from 'types/FieldTypes'

const handleErrors = (
  setField: Dispatch<SetStateAction<FieldType>>,
  callback: {
    name: 'name of callback',
    run: (args) => {
      try {
        callback.run();
      } catch (e) {
      const newError: ErrorType = {
        name: callback.name,
        message: e.message,
      };
      setField((prevData) => ({
        ...prevData,
        errors: [...prevData.errors || [], newError],
      });
    }
  }
);