时间戳

首页 > 解决方案 > 是否可以在 TypeScript 中仅用一行导出默认箭头功能？

javascript - 是否可以在 TypeScript 中仅用一行导出默认箭头功能？

问题描述

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.)');
};

如上面的代码所示，我们总是可以以两种方式声明和分配一个函数。但是，我无法使用相同的语法导出箭头函数 by export default。怎么来的？

提前致谢

标签： javascripttypescriptexport

解决方案

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

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

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

import {func} from 'path'

或者...

你必须撕掉函数签名：

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

然后将其导入为：

`import bloopityBloop from 'path'`

推荐阅读