如何在 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 模块中创建函数，然后将它们分配给窗口对象，这使得它成为全局的。

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

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

Answer 2

在 @Sergey 的答案之上添加，在处理像 p5 这样的库时也可以使用这个解决方法.js

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

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

Answer 3

不幸的是，

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

// module M
fun foo() {}

可通过M.foo访问