对不起我的英语不好。我是 Dart 语言的新手。我一直在寻找一种在 JS 和 Dart 之间进行通信的方法。我想从 Dart 调用 jQueryUI 代码。
当我创建一个 jQueryUI 的对话框时,HTML 和 JS 代码将是这样的:
HTML 代码:
...
<button id="btn1">OPEN</button>
<div id="msg">
Hello, world!
</div>
...
JS代码:
$('#btn').click( function() {
$('#msg').dialog('open');
});
$('#msg').dialog({
autoOpen: false,
buttons: {
"OK": function() {
$(this).dialog('close');
}
},
title: "Dialog",
modal: false,
show: 'fold',
hide: 'puff'
});
因此,我尝试将这些 JS 代码转换为 Dart 代码。但是,当我在下面编写这些测试 Dart 代码时,我在下面收到一条错误消息。
Breaking on exception: Closure call with mismatched arguments: function 'call'
飞镖代码:
import 'dart:html';
import 'dart:js' as js;
void dartFunc() {
print("test");
}
void main() {
js.JsObject btn = js.context.callMethod(r'$', ['#btn']);
btn.callMethod('click', [dartFunc]); //-----> ERROR!
//...
}
但是,当我在下面写一个 JS 函数和 Dart 代码时,错误消失了,程序运行成功。
JS代码:
function jsFunc() {
console.log("test");
}
飞镖代码:
import 'dart:html';
import 'dart:js' as js;
void dartFunc() {
print("test");
}
void main() {
js.JsObject btn = js.context.callMethod(r'$', ['#btn']);
btn.callMethod('click', [jsFunc]); -----> SUCCESS!
//...
}
为了找出这个问题,我进行了一些测试。当我从 Dart 将两个函数(jsFunc() 和 dartFunc()) 打印到控制台时,例如
飞镖代码:
...
js.context['dartFunc'] = dartFunc;
print(js.context['jsFunc']);
print(js.context['dartFunc']);
...
结果如下。
function jsFunc() {
console.log("test");
}
function () {
return func(Array.prototype.slice.apply(arguments));
}
显然,结果print(js.context['dartFunc'])
很奇怪。
任何人都可以帮忙吗?是否可以从 Dart 定义有效的 JavaScript 函数?
感谢您阅读到最后:)