scala.js - ScalaJS 发出 EmberJS 代码？

Question

我想编写 Scala 代码，然后可以将其转换为 EmberJS 代码。

可以做到吗？如果不是开箱即用的关于如何通过破解 ScalaJS 来实现的任何建议？

问候。

Answer 1

Scala.js 可以发出任何类型的 JavaScript 代码，所以从技术上讲答案是肯定的。但是，由于 Ember 要求您使用自己设计的各种类来定义“组件”，因此在 Scala.js 中编写可能有点难看。例如，这个例子取自首页:

App.GravatarImageComponent = Ember.Component.extend({
  size: 200,
  email: '',

  gravatarUrl: function() {
    var email = this.get('email'),
        size = this.get('size');

    return 'http://www.gravatar.com/avatar/' + hex_md5(email) + '?s=' + size;
  }.property('email', 'size')
});

必须用 Scala.js 编写为:

import scala.scalajs.js
import js.Dynamic.{global => g, literal => lit}

g.App.GravatarImageComponent = g.Ember.Component.extend(lit(
  size = 200,
  email = "",

  gravatarUrl = ({ (ths: js.Dynamic) =>
    val email = ths.get("email")
    val size = ths.get("size")
    s"http://www.gravatar.com/avatar/${g.hex_md5(email)}?s=$size"
  }: js.ThisFunction).asInstanceOf[js.Dynamic].property("email", "size")
))

这是，嗯...... JavaScript-ish。

强大的 JavaScript UI 库在某种程度上依赖于 JavaScript 的动态和奇怪的方面，以至于它们不太适合 Scala.js。我打算在本学期编写一个专门为 Scala.js 设计的类似 React.js 的 UI 库来解决这个问题。