1

不，这与其他同名问题不同。

有看似相同的包似乎可以做到这一点，但使用不同的 api。

为什么有两个？

我们应该使用哪一个？

interop 看起来更新并且有更好的 api，但实际上并没有工作。根据文档，您应该能够转换此 javascript：

var stage = new PIXI.Stage(0xFFFFFF);;
renderer = PIXI.autoDetectRenderer(800, 600);
document.body.appendChild(renderer.view);

进入：

var pixi = new js.Proxy(js.context.PIXI.Stage, 0xffffff);
var renderer = js.context.PIXI.autoDetectRenderer(400, 400);
document.body.append(renderer.view);

但是当您尝试编译它时会出现错误：

dart2js
Error occured:/Users/doug/megac/client/public/dart/index.dart:7:27:
Warning: No member named 'PIXI' in class 'Proxy'.
var pixi = new js.Proxy(js.context.PIXI.Stage, 0xffffff);
^^^^^^^^^^^^^^^

所以... js：飞镖？那是你应该使用的吗？

编辑：顺便说一句，对于任何偶然发现这一点的人，还有一个关于如何缩小 dart-js 互操作桥的开放错误http://code.google.com/p/dart/issues/detail?id=15795&thanks=15795&ts=1388068177操作目前不起作用。最初的问题是在 2013 年 5 月报告的，此后没有任何行动，所以不要屏住呼吸。

4

1 回答 1

6

Js 互操作从package:js开始。它是用window.postMessage构建的。

后来添加了dart:js以提供更好的性能并减小编译后的 js 文件的大小。基本上目标是：

  • 删除范围和生命周期手动处理
  • 避免 noSuchMethod 以保持编译大小尽可能小
  • 重命名对象以使 api 更易于理解

一旦dart:js准备就绪，package:js已经被重写以在封面下使用dart:js 。

package:js提供了一个更简单的 Api，但代价是增加了 js 的大小（因为package:js使用dart:mirrors和noSuchMethod）。

用package:js和dart:js做同样的事情：

import 'package:js/js.dart' as js;

main() {
  var pixi = new js.Proxy(js.context.PIXI.Stage, 0xffffff);
  var renderer = js.context.PIXI.autoDetectRenderer(400, 400);
  document.body.append(renderer.view);
}

import 'dart:js' as js;

main() {
  var pixi = new js.JsObject(js.context['PIXI']['Stage'], [0xffffff]);
  var renderer = js.context['PIXI'].callMethod('autoDetectRenderer', [400, 400]);
  document.body.append(renderer['view']);
}
于 2013-12-15T13:07:01.213 回答