javascript - 使用 JsInterop 包装简单的 JavaScript 插件

Question

我目前正在将我的 Gwt 2.7 项目升级到 2.8-beta1 并且我正在尝试从 JSNI 重构 Javascript 插件包装器到 JsInterop。

这里是 JSNI 包装器:

public class MyPlugin extends JavaScriptObject {

    protected MyPlugin(){
    }

    public static native MyPlugin init(MyPluginConfig config) /*-{
        return new $wnd.MyPlugin(config);
    }-*/;

    public final native void addItem(MyPluginItem item) /*-{
        this.addItem(item);
    }-*/;

    public final native void setEnable(int itemIndex, boolean enable) /*-{
        this.setEnable(itemIndex, enable);
    }-*/;
}

我试过的:

@JsType(namespace = JsPackage.GLOBAL, isNative = true)
public class MyPlugin {
    public static native MyPlugin init(MyPluginConfig config);
    public native void addItem(MyPluginItem item);
    public native void setEnable(int itemIndex, boolean enable);
}

问题是，我不知道如何包装构造函数。 在JsInterop doc

A native @JsType class can only have Public native methods, Public and uninitialized fields, Empty constructor, Final non-native methods that doesn’t override any other methods,

所以，这是我的问题:如何包装一个 JavaScript 插件，在 JS 中构造函数看起来像 var myPlugin = MyPlugin({option1 : value1, option2 : value2,...}); 在 JsInterop 中？

感谢您的帮助:)

Answer 1

好的，我找到了解决方案。

只需声明一个带有参数和空内容的构造函数:

@JsType(namespace = JsPackage.GLOBAL, isNative = true)
public class MyPlugin {
    public MyPlugin(MyPluginConfig config) {} //<--- here
    public native void addItem(MyPluginItem item);
    public native void setEnable(int itemIndex, boolean enable);
}

而且有效。

希望对其他人有帮助:)

编辑:MyPluginConfig 结构

MyPluginConfig 只是一个 POJO 类。

@JsType(namespace = JsPackage.GLOBAL, isNative = true, name = "Object")
public class MyPluginConfig {
    @JsProperty public void setXXXX(String str);
    @JsProperty public String getXXXX();
    ...
}