是否可以在 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;