使用 scala.js 方法作为回调

Question

我正在以异步方式加载谷歌地图，

@JSExport("sample")
 object Sample {

  def loadScript = {
    val script = document.createElement("script").asInstanceOf[HTMLScriptElement]
    script.`type` = "text/javascript"
    //case 1
    script.src = "https://maps.googleapis.com/maps/api/js?v=3.exp&callback=sample().initialize"
    // case 2
    script.src = "https://maps.googleapis.com/maps/api/js?v=3.exp&callback=sample.initialize"
    document.body.appendChild(script)
  }

  @JSExport
  def initialize() :Unit  = {
     println(" map loaded successfully")
  }
}

如果 1 google 发送响应 - 400（错误请求）

如果 2 我得到未定义的函数 (window.sample.initialize())

我可以定义一个 javascript 函数，在该函数中我可以调用 sample().initialize() ，但是有什么更简洁的方法吗？

Answer 1

这是一个老生常谈的答案，但作为一种解决方法可能很有用。

您可以直接给它模块初始化器，而不是给 Google API 提供与 Scala.js 函数相对应的东西：

object Sample {
  def loadScript = {
    val script = document.createElement("script").asInstanceOf[HTMLScriptElement]
    script.`type` = "text/javascript"
    script.src = "https://maps.googleapis.com/maps/api/js?v=3.exp&callback=initializeSample"
    document.body.appendChild(script)
  }
}

@JSExport("initializeSample")
object Initializer {
  println(" map loaded successfully")
}

Answer 2

我会使用 Scala.js 的动态 API 在顶层创建 JavaScript 函数。与@gzm0 的解决方案相比，它的优势在于它不那么hacky，并且需要的样板文件更少。

object Sample {
  def loadScript = {
    val script = document.createElement("script").asInstanceOf[HTMLScriptElement]
    script.`type` = "text/javascript"
    script.src = "https://maps.googleapis.com/maps/api/js?v=3.exp&callback=initializeSample"
    document.body.appendChild(script)

    js.Dynamic.global.initializeSample = initialize _
  }

  private def initialize(): Unit =
    println("map loaded successfully")
}