如何从 Javascript 调用 Dart 函数?

Posted

技术标签:

【中文标题】如何从 Javascript 调用 Dart 函数?【英文标题】:How to call a Dart function from Javascript? 【发布时间】:2014-03-23 01:53:50 【问题描述】:

我想从 javascript 调用 Dart 函数。

我想使用dart2js(版本 1.1.3)编译一个包含 Dart 函数的 Dart 脚本,然后将生成的 .js 文件加载到 Javascript 环境中并从 Javascript 调用该函数。

类似于下面从 Javascript 调用 myHyperSuperMegaFunction 的内容。

import 'dart:js' as js;

int myHyperSuperMegaFunction(int a, int b) 
  return a + b;


main() 
  js.context['myHyperSuperMegaFunction'] = new js.JsFunction.withThis(myHyperSuperMegaFunction);

我尝试使用dart2js 编译上述内容并将生成的.js 文件加载到Chrome 中。变量myHyperSuperMegaFunction被注册并定义为

function () 
    return _call(f, captureThis, this, Array.prototype.slice.apply(arguments));

但是,当我从 Chrome Javascript 控制台调用 myHyperSuperMegaFunction(2,3) 时,我收到以下错误 NoSuchMethodError : method not found: 'Symbol("call")' Receiver: Instance of '()this.$initialize' Arguments: [Instance of 'Window', 2, 3]

【问题讨论】:

这能回答你的问题吗? How do I create a global (on the window) object in Dart lang? 【参考方案1】:

您不需要使用new js.JsFunction.withThis。在您的情况下,只需使用:

js.context['myHyperSuperMegaFunction'] = myHyperSuperMegaFunction;

当您需要使用 this Js 上下文时,必须使用 new js.JsFunction.withThis 以供参考。在您的错误中,您可以看到第一个参数是Instance of 'Window',它是 Js 中的全局上下文。

【讨论】:

以上是关于如何从 Javascript 调用 Dart 函数?的主要内容,如果未能解决你的问题,请参考以下文章

如何从 JavaScript 调用使用 DDC 创建的 Dart 库?

掌握如何让函数更好地调用

掌握如何让函数更好地调用

掌握如何让函数更好地调用

如何使用 MethodChannel 从本机平台调用应用程序的 Dart 部分中的方法?

我可以从 Dart 调用 Kotlin 函数吗