8

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

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

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

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

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

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

4

3 回答 3

8

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

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

于 2019-02-10T03:14:14.327 回答
2

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

// module M
fun foo() {}

可以通过M.foo

于 2019-02-12T12:15:03.253 回答
1

在@Sergey's Answer 的基础上添加，在处理 p5.js 之类的库时也可以使用这项工作

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

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

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

于 2019-03-10T16:35:57.153 回答