是否可以在 TypeScript 中仅使用一行导出默认箭头 function？

Question

const func: () => void = () => {
    console.log('I CAN export my function in this way');
};

export default func;

export default () => void = () => {
    console.log('I CANNOT export my function in this way (Parsing error: Expression expected.)');
};

如上代码所示，我们始终可以通过两种方式声明和分配 function。 但是，我无法通过export default以相同的语法导出箭头函数。 怎么来的？

提前致谢

Answer 1

您不能在同一行使用类型注释将某些内容导出为默认值。 如果您想在保留 function 签名的同时在单行中执行此操作，您可以将其作为命名导出来执行：

   export const func: () => void = () => {
        console.log('I CAN export my function in this way');
    };

然后导入文件将像这样导入：

import {func} from 'path'

或者...

您必须撕掉 function 签名：

export default () => {
    console.log('I CAN export my function in this way')
}

然后将其导入为：

`import bloopityBloop from 'path'`

Answer 2

您确定可以在一个语句中导出默认值并应用类型/接口...

export default (
  () => {
    console.log('I CAN export my function in this way');
  }
) as () => void;