为什么'Export Default Const'无效？

Question

const Tab = connect( mapState, mapDispatch )( Tabs );
export default Tab;

然而，这是不正确的：

export default const Tab = connect( mapState, mapDispatch )( Tabs );

但这很好：

export default Tab = connect( mapState, mapDispatch )( Tabs );

请解释为什么const对于export default无效？这是否是不必要的添加&任何声明为导出默认值的内容都假定为常量或类似的内容？

Answer 1

const类似于let，它是一个LexicalDeclaration（VariableStatement,Declaration）,用于定义块中的标识符。

您正在尝试将其与default关键字混合使用，该关键字需要后面跟着HoistableDeclaration、ClassDeclaration或AssignmentExpression。

因此，它是一个语法错误。

选项卡成为一个AssignmentExpression，因为它被指定为default名称^？

导出默认选项卡=connect(mapState，mapDispatch)（选项卡）；没问题

这里tab=connect(mapState，mapDispatch)(Tabs)；是一个AssignmentExpression。

更新：想象问题的不同方式

如果您试图从概念上理解这一点，并且上面的规范推理没有帮助，那么可以将其理解为“如果default是合法标识符而不是保留标记，那么编写export default Foo；和export default const Foo=1；会有什么不同的方式呢？”

在这种情况下，扩展的编写方法是

// pseudocode, this thought experiment is not valid JS

export default Foo;
// would be like
export const default = Foo;

export default const Foo = 1;
// would be like
export const default const Foo = 1;
// so would the following line make sense?
const bar const Foo = 1;

// pseudocode, this thought experiment is not valid JS

export default const Foo = 1;
// would be like
const Foo = 1;
export const default = Foo;