如何在 Kotlin 中定义一个全局 js 函数？答案

【问题标题】：How to define a global js function in Kotlin?如何在 Kotlin 中定义一个全局 js 函数？
【发布时间】：2019-07-03 21:28:41
【问题描述】：

我在 KotlinJs 项目中创建的每个函数和变量都会进入一个模块。但是我需要在全局范围内定义一些函数。

我使用 p5js 库（纯 js）。它允许用户在全局范围内定义事件处理函数。我试图在这个项目中使用 KotlinJS。但我不知道如何创建全局函数来处理 p5js 的事件。我所有的 Kotlin 函数都在模块内部。要调用我的 Kotlin 代码，我需要指定全名 mymodule.draw()

目前我必须使用全局函数制作额外的纯 JS 代码层，将执行转换为 kotlin 函数，如下所示：

function setup() {
    mymodule.setup();
}

function draw() {
    mymodule.draw();
}

这种方法的问题在于大量样板代码和重复代码。

【问题讨论】：

当库调用必须在全局范围内形成函数的代码时，看起来这是非常规的用例。 IMO，Kotlin 应该坚持生成惯用的 JS 模块，简单的 JS 胶水层是最好的方法。让 JS 适合你的 Kotlin 比让 Kotlin 适合你的 JS 更容易。
看起来有一个instance mode 不需要全局函数

标签： javascript kotlin global-variables kotlin-js-interop kotlin-js

【解决方案1】：

如果这对某人有用，我将在这里留下另一个解决方法：

import kotlin.browser.window

fun main() {
    window.asDynamic()["setup"] = ::setup
    window.asDynamic()["draw"] = ::draw
}

fun setup() {}
fun draw() {}

它实际上做了什么，它像往常一样在 kotlin 模块中创建函数，然后将它们分配给 window 对象，使其成为全局对象。

此解决方案仍然不理想，因为它需要为每个功能手动分配。至少在 Kotlin 项目中它是正确的，不需要维护一个单独的纯 js 文件。也许可以创建一个注释并利用 kotlin 反射（不知道 KotlinJS 是如何支持它的）。

虽然这个解决方案对我有用，但我希望有一些开箱即用的解决方案，就像他们为 @JsNonModule external 函数所做的那样。

【讨论】：

【解决方案2】：

不幸的是，没有办法在 Kotlin/JS 中定义全局函数。可以使用普通模块类型，在全局范围内定义的模块对象中有全局符号。

// module M
fun foo() {}

可通过M.foo访问

【讨论】：

【解决方案3】：

在@Sergey's Answer 的基础上添加，在处理 p5.js 之类的库时也可以使用此解决方法

fun main() {
    window.asDynamic().setup = {
        // your setup code here
    }

    window.asDynamic().draw = {
        // your draw code here
    }
}

这种方法最小化了两个函数的定义和声明（看看你的 C 语言）。谢谢

【讨论】：