如何在Kotlin中定义全局js函数？

Question

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

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

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

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

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

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

Answer 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函数所做的那样。

Answer 2

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

// module M
fun foo() {}

可通过M.foo访问

Answer 3

除了@Sergey的回答之外，我们还可以在处理p5.js之类的库时使用这项工作

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

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

这种方法最大限度地减少了两个函数的定义和声明(看看你的C语言)。谢谢