Ich möchte ES2015 auch in Java verwenden! → (´ ・ ω ・ `)

MOTIVATION

Babel ist ein Transcompiler, der die neueste ECMAScript-Syntax (Klassen, Lambdas, "const", "let" usw.) übersetzt, damit sie in älteren JS-Umgebungen ausgeführt werden kann. Beispielsweise konvertiert React die ECMA2015 + JSX-Quelle in JS, die von Babel in gängigen Browsern interpretiert werden kann.

Ich hatte ein Unternehmen, das React verwenden wollte, und ich wollte einen API-Server mit Finagle oder Akka vorbereiten, an den ich gewöhnt bin, und ich wollte, dass Node / React und JavaVM überhaupt gut koexistieren. Wenn Babel vom Browser ausführbare JS generieren kann, frage ich mich, ob ES2015 mit Nashorn der Java Scripting API oder der Node.js-Bibliothek verwendet werden kann.

CONCLUSION

Zunächst aus der Schlussfolgerung.

Es ist möglich, in ES2015 geschriebenes JS mit Babel zu transkompilieren und in Nashorn auszuführen. Jedoch:

Streng. Der Grund ist wie folgt.

• Das Vorbereiten des babel-eigenständigen eval () dauert ** 30 Sekunden **. Stöhnender CPU-Lüfter. Nun, auf der Serverseite usw. kann es gut sein, die vorbereitete "ScriptEngine" zwischenzuspeichern.
• Eine Transkompilierung ist möglich, wenn die Vorbereitungszeit beeinträchtigt werden kann. Nashorn hat jedoch kein "require ()", so dass ** externe Bibliotheken nicht verwendet werden können **. Es scheint notwendig, auch Webpack zu verwenden. Alternativ kann es möglich sein, dies zu vermeiden, indem die entsprechende Funktion in Java implementiert und in Bindungen übergeben wird.
• Da in den Umgebungseinstellungen in erster Linie "npm" angenommen wird, gibt es eine Möglichkeit, babel direkt zu starten, ohne Nashorn zu verwenden (und das ist schneller).
• babel-standalone unterliegt strengen Einschränkungen, z. B. dass Env nicht für Presets verwendet werden kann.

Daher ist es besser, die Ausführungsumgebung "node" oder "npm" in "Runtime.exec ()" zu verwenden, als Nashorn zu verwenden.

PLAN

Das Verfahren, das ich mit einem solchen Plan ausgeführt habe.

Ich habe es2015-Presets mit npm installiert (bin mir aber nicht sicher, ob ich es wirklich brauchte).

$ npm init
$ npm install babel-cli babel-preset-es2015 --save

1. Vorbereitung von babel.js

Installation von babel-standalone Holen Sie sich babel.js auf der Release-Seite (https://github.com/babel/babel-standalone/releases) oder npm wie in / babel-standalone # -Installation).

final ScriptEngineManager manager = new ScriptEngineManager();

final ScriptEngine babel = manager.getEngineByName("JavaScript");
final String babelJS = "babel.js";
babel.put(ScriptEngine.FILENAME, babelJS);
try(Reader in = new FileReader(babelJS)){
  babel.eval(in);
}

Dieses babel.eval (in) dauert ungefähr 30 Sekunden. Wenn Sie "babel.min.js" verwenden, tritt eine Ausnahme auf. Verwenden Sie daher "babel.js".

javax.script.ScriptException: SyntaxError: empty range in char class in babel.min.js at line number 4
        at jdk.scripting.nashorn/jdk.nashorn.api.scripting.NashornScriptEngine.throwAsScriptException(Unknown Source)
...
Caused by: babel.min.js:4 SyntaxError: empty range in char class
        at jdk.scripting.nashorn/jdk.nashorn.internal.runtime.ECMAErrors.error(Unknown Source)
...
Caused by: jdk.nashorn.internal.runtime.ParserException: empty range in char class
        at jdk.scripting.nashorn/jdk.nashorn.internal.runtime.regexp.RegExp.throwParserException(Unknown Source)
...

2. Führen Sie eine Transkompilierung durch

final String es2015JS = "es2015.js";
final String es2015 = new String(Files.readAllBytes(Paths.get(es2015JS)), StandardCharsets.UTF_8);
babel.put(ScriptEngine.FILENAME, "<transcompile>");
babel.put("src", es2015);
babel.put("a", new Object[3]);
final Object[] result = (Object[])babel.eval(
  "var r = Babel.transform(src, {presets:['es2015']});\n" +
  "a[0] = r.code;\n" +
  "a[1] = r.map;\n" +
  "a[2] = r.ast;\n" +
  "a"
);
System.out.println(result[0]);

Babel.transformFileSync war aus irgendeinem Grund undefiniert. Weil Sie Argumente in der Funktion verwenden?

Lesen Sie vorerst die ES2015-Quelle einmal, transformieren Sie sie und speichern Sie das Ergebnis im Rückgabepuffer. In es2015.js ist:

// run `npm install kuromoji` before
import kuromoji from "kuromoji"

kuromoji.builder({ dicPath: "./node_modules/kuromoji/dict" }).build((err, tokenizer) => {
  var path = tokenizer.tokenize("Von den Oberschenkeln und Oberschenkeln")
  console.log(path)
})

Durch das Umkompilieren auf Nashorn wurde die folgende Quelle generiert:

"use strict";

var _kuromoji = require("kuromoji");

var _kuromoji2 = _interopRequireDefault(_kuromoji);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

_kuromoji2.default.builder({ dicPath: "./node_modules/kuromoji/dict" }).build(function (err, tokenizer) {
  var path = tokenizer.tokenize("Von den Oberschenkeln und Oberschenkeln");
  console.log(path);
}); // run `npm install kuromoji` before

Das Ergebnis der Transkompilierung mit Babel ist genau das gleiche.

$ node_modules/.bin/babel --presets=es2015 es2015.js

3. Transkompilierten Code ausführen

Führt den transkompilierten Code getrennt von Babel in der Skript-Engine aus.

final ScriptEngine engine = manager.getEngineByName("JavaScript");
engine.put(ScriptEngine.FILENAME, es2015JS);
engine.eval(result[0].toString());

Aber ich kann es nicht tun, weil ich require () verwende: frowning2:

javax.script.ScriptException: ReferenceError: "require" is not defined in es2015.js at line number 3
        at jdk.scripting.nashorn/jdk.nashorn.api.scripting.NashornScriptEngine.throwAsScriptException(Unknown Source)
...

Oshimashi