ScalaJS访问顶级变量异常：JSGlobalScope取值始终为0求解答

这种情况的核心差异在于ScalaJS对@JSGlobalScope的静态绑定机制，和js.eval的动态运行时读取逻辑，具体可以拆解为两点：

1. 静态绑定的默认值 fallback
   当你用@JSGlobalScope声明var numItems: Int = js.native时，ScalaJS会在编译阶段就绑定全局作用域中对应的变量。如果ScalaJS代码执行时，全局的numItems还未被定义、赋值，或者它的类型无法被ScalaJS正确识别为Int，ScalaJS会自动使用该类型的默认值（Int的默认值就是0）作为兜底返回。

2. 动态执行的实时性
   而js.eval("numItems")是在运行时动态解析并执行这段JS代码，直接从当前全局作用域读取numItems的实时值——哪怕这个变量是在ScalaJS代码执行之后才被定义或赋值的，js.eval都能拿到最新的结果。

验证问题场景 #

如果你的全局numItems是在ScalaJS脚本之后加载的JS代码中定义的，就会触发这个问题：

比如页面加载顺序是：ScalaJS生成的脚本 → 定义numItems的第三方脚本
此时ScalaJS代码执行时numItems还不存在，返回0；之后执行js.eval时第三方脚本已加载，就能拿到正确值。

解决方案 #

你可以通过两种方式修正这个问题：

• 调整脚本加载顺序：确保定义numItems的代码先于ScalaJS脚本执行，让ScalaJS的静态绑定能拿到正确的初始值。
• 改用动态获取方式：如果无法调整加载顺序，或者numItems是动态添加的，可以通过全局对象（比如浏览器中的window）动态获取，替代@JSGlobalScope的静态绑定：

  val window = js.Dynamic.global
  val numItems = window.numItems.asInstanceOf[Int]
  console.log(numItems)
  

  这种方式和js.eval逻辑类似，都是在运行时实时读取全局变量的值，不会因为初始化时机问题返回默认值。

内容的提问来源于stack exchange，提问作者David Portabella