Dart Js-Interop 函数类型参数答案

【问题标题】：Dart Js-Interop function type parametersDart Js-Interop 函数类型参数
【发布时间】：2016-08-18 02:26:00
【问题描述】：

作为我的问题Dart JS Library, how to pass callback functions 的后续，我想确保传递给 D3 的任何函数都具有正确的参数。

所以我想做如下的事情：

@JS('d3')
library d3;

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

typedef num D3AccessorFunction(List<num> d, num i, List<List<num>> data);


@JS('line')
class Line {
  external Line();
  external String call (List<List<num>> data);
  external Line x(D3AccessorFunction func);
  external Line y(num func(List<num> d, num i, List<List<num>> data));
}

然后当我调用方法时：

Line line = new Line();
line.x(
    allowInterop(
        (List<num> d, num i, List<List<num>> data) {
            return d[0]+10;
        }
    )
);

如果参数匹配不正确，我希望它抱怨，例如，

line.x(
    allowInterop(
        (List<num> d) {
            return d[0]+10;
        }
    )
);

不幸的是，allowInterop 吞下了这个抱怨，你无法摆脱它。我创建了一个解决方法（在 d3 定义中）：

Function d3Function(D3AccessorFunction function) {
    return allowInterop(function);
}

那我这样称呼它：

line.x(
    d3Function(
        (List<num> d, num i, List<List<num>> data) {
            return d[0]+10;
        }
    )
);

这将引发正确的错误。但我想知道是否有更好的方法。

【问题讨论】：

标签： dart dart-js-interop

【解决方案1】：

我们不再需要定义自己的 JavaScript 定义文件，因为 Dart 有一个工具可以从 TypeScript 文件中执行此操作。 JS Facade Generator。在official Dart Page about JS Interoperability 上有更多关于使用它的信息。

感谢DefinitelyTyped project，几乎可以肯定有一个 TypeScript 文件可以让您执行此操作。如果没有，请改写其中一个，它将对 Dart 和 TypeScript 社区都有帮助。

【讨论】：