8

私は次のダーツコードを持っています:

$ cat helloworld.dart
main() => print('Hello world!');
$ 

上記のコードに対して Dart コンパイラによって生成される JavaScript コードは次のとおりです。

$ cat helloworld.dart.app.js 
function native_ListFactory__new(typeToken, length) {
  return RTT.setTypeInfo(
      new Array(length),
      Array.$lookupRTT(RTT.getTypeInfo(typeToken).typeArgs));
}
function native_ListImplementation__indexOperator(index) {
  return this[index];
}
function native_ListImplementation__indexAssignOperator(index, value) {
  this[index] = value;
}
function native_ListImplementation_get$length() {
  return this.length;
}
function native_ListImplementation__setLength(length) {
  this.length = length;
}
function native_ListImplementation__add(element) {
  this.push(element);
}
function native_BoolImplementation_EQ(other) {
  return typeof other == 'boolean' && this == other;
}
function native_BoolImplementation_toString() {
  return this.toString();
}

<snapped>

var static$uninitialized = {};
var static$initializing = {};
function $inherits(child, parent) {
  if (child.prototype.__proto__) {
    child.prototype.__proto__ = parent.prototype;
  } else {
    function tmp() {};
    tmp.prototype = parent.prototype;
    child.prototype = new tmp();
    child.prototype.constructor = child;
  }
}
isolate$inits.push(function(){
  isolate$current.Duration$DartMILLISECONDS_PER_MINUTE$field = static$uninitialized;
  isolate$current.Duration$DartMILLISECONDS_PER_HOUR$field = static$uninitialized;
  isolate$current.Duration$DartMILLISECONDS_PER_DAY$field = static$uninitialized;
  isolate$current.Duration$DartSECONDS_PER_HOUR$field = static$uninitialized;
  isolate$current.Duration$DartSECONDS_PER_DAY$field = static$uninitialized;
  isolate$current.Duration$DartMINUTES_PER_DAY$field = static$uninitialized;
}
);
RunEntry(unnamedd9297f$main$member, this.arguments ? (this.arguments.slice ? [].concat(this.arguments.slice()) : this.arguments) : []);
$

そしてのサイズhelloworld.dart.app.jsは102kです!

最適化モードで実行するhelloworld.dart.jsと、サイズが 20kの次の JavaScript が生成されました。

$ cat helloworld.dart.js 
var e;function f(a,b){if(b>=0&&b<a.length)return b;h(i(b))};var j={},k={};function aa(a,b,c){if(b)a.g=function(){return b.call(c)}}function ba(a,b,c,d){function g(b,g,t,m){return a.call(c,d,b,g,t,m)}aa(g,b,c);return g}function l(a,b){if(a.prototype.__proto__)a.prototype.__proto__=b.prototype;else{var c=function(){};c.prototype=b.prototype;a.prototype=new c;a.prototype.constructor=a}}function ca(a,b){return typeof a=="number"&&typeof b=="number"?a+b:a.na(b)}function da(a){a/=4;return a<0?Math.ceil(a):Math.floor(a)}
function o(a,b){if(a===void 0)return b===void 0;else if(typeof a==typeof b&&typeof a!="object")return a===b;return a.G(b)}function h(a){a&&typeof a=="object"&&Error.captureStackTrace&&Error.captureStackTrace(a);throw a;}function p(){var a=new q;a.f=s("ya",ea);a.va="";a.qa="";a.N=[];h(a)}var u={d:0};

<snapped>

y.push(function(){x.fb=j;x.eb=j;x.gb=j});y.push(function(){x.Ta=j;x.Sa=j;x.Ra=j;x.Wa=j;x.Va=j;x.Ua=j});(function(a,b){if(!A){var c=new ya;oa=c;sa(c,function(){a(b)});Ea();x=c}})(function(){return qb()(1,u,"Hello world!")},this.arguments?this.arguments.slice?[].concat(this.arguments.slice()):this.arguments:[]);
$

dart コンパイラによって生成された JavaScript コードは、なぜこれほど巨大なのですか?

このような巨大な JavaScript ファイルを生成することで、彼らはどのような問題を解決しようとしているのでしょうか?

補足: JavaScript ファイルが非常に大きいため、次のエラーがスローされました。

おっとっと!次の理由により、質問を送信できませんでした: 本文は 30000 文字に制限されています。140984 と入力しました

4

3 に答える 3

14

このような巨大な JavaScript ファイルを生成することで、彼らはどのような問題を解決しようとしているのでしょうか?

Dart のバランスを取るという問題は、本番プロジェクトで誰も真剣に使用しようとしない、この 1 つの個人的で、具体的で、人為的で、役に立たないサンプル プログラムではなく、ほとんどの場合に最適です。

于 2012-01-11T11:48:53.683 に答える
10

さらに優れたJavaScriptを入手したい場合は、DartCの代わりにFrogコンパイラを試してください。カエルはダート自体で書かれています。

http://turbomanage.wordpress.com/2011/12/09/dart-dev-mode-cometh/

上記のこのブログ投稿は少し古くなっていることに注意してください。その間、Dart SDK for Frogを使用できます:http: //gsdview.appspot.com/dart-editor-archive-continuous/3058/

この投稿もあなたの興味を引くかもしれません、セスはカエルが生成したJSがどのように見えるかを示しています:http: //blog.sethladd.com/2011/12/10-lessons-from-porting-javascript-to.html

現在のエディターでFrogを有効にする方法は次のとおりです:https: //groups.google.com/a/dartlang.org/group/misc/msg/5dfe04c69ed0fed3

于 2012-01-11T11:30:58.433 に答える
9

dart コンパイラによって dart コードから生成された JavaScript コードは、なぜこれほど巨大なのですか?

Dart ランタイムが含まれているためです。

このような巨大な JavaScript ファイルを生成することで、彼らはどのような問題を解決しようとしているのでしょうか?

JavaScript ではないコードをブラウザで実行する際の問題。

于 2012-01-11T07:09:39.253 に答える