为何Flow无法识别`export default obj = {}`语法？

这问题挺有意思的，咱们一步步理清楚：

先明确两段代码的差异 #

你写的两段代码看似相似，但本质有区别：

• 第一段是规范的变量声明+导出：

  const obj = {}
  export default obj
  

• 第二段是直接在export default后写赋值表达式：

  export default obj = {}
  

第二段代码是否存在问题？ #

答案是肯定的，它有潜在的严重问题：
你说这段代码能正常运行，大概率是因为你的运行环境没有开启严格模式（'use strict'）。在非严格模式下，JavaScript有个历史遗留的“隐式全局变量”行为——当你给一个未声明的变量赋值时，JS会自动把它挂载到全局对象上（比如浏览器的window），所以代码能跑起来。但这是非常不规范的写法：

• 如果开启严格模式，这段代码会直接抛出ReferenceError: obj is not defined的错误，根本无法运行；
• 隐式全局变量很容易导致命名冲突，给代码维护埋下巨大隐患。

为什么Flow会发出警告？ #

Flow作为静态类型检查工具，会严格遵循ES规范做静态分析。在export default obj = {}这段代码里，obj没有通过const/let/var声明，也没有其他合法的定义来源，Flow找不到这个变量的声明位置，自然会抛出「Cannot resolve name obj」的警告——这其实是Flow在帮你提前排查潜在的语法问题，避免你在严格模式环境下运行代码时出现报错。

正确的写法 #

如果需要保留变量名，就用第一段的写法；如果不需要变量名，直接简化成：

export default {}

内容的提问来源于stack exchange，提问作者Vladyslav Zavalykhatko