我有一个使用CreateJS js库制作的HTML5游戏。我想用Dart重写它,但我的大多数对象都继承自CreateJS对象(例如Container)。我能保存这样的遗产吗?有没有一种很好的方法可以将Dart与其他用于简化画布绘制的js库结合使用?
答案 0 :(得分:2)
Dart类不能直接扩展Javascript类。但是,您可以通过设置将执行Dart代码的方法来自定义Javascript对象。
例如,假设您有一个扩展Child
类的Container
Javascript类:
function Container(){}
Container.prototype.callSayHello = function(){ this.sayHello(); }
Container.prototype.sayHello = function(){ alert("hello from JS"); }
function Child(){}
Child.prototype = new Container();
在Dart方面,您可以创建Child
并在其上定义sayHello
方法,从sayHello
覆盖Container
:
import 'dart:html';
import 'package:js/js.dart' as js;
main(){
// with sayHello overriding
js.scoped((){
final child = new js.Proxy(js.context.Child);
child.sayHello = new js.Callback.many(() {
window.alert("hello from Dart");
});
child.callSayHello(); // displays "hello from Dart"
});
// without sayHello overriding
js.scoped((){
final child = new js.Proxy(js.context.Child);
child.callSayHello(); // displays "hello from JS"
});
}