gwt-2.8.2下载_从GWT开发人员的角度概述Scala.js

gwt-2.8.2下载

该博客严重偏向于GWT（和基于GWT的框架），但是我谨记，将来GWT可能会被其他技术取代，因此我们始终愿意探索其他平台/框架。 正如他们所说，多元化可以降低风险。 每种编程语言，即使是最奇怪的编程语言，都有其“到javascript”编译器： https : //github.com/jashkenas/coffeescript/wiki/List-of-languages-that-c​​ompile-to-JS ，因此GWT可以尝试学习向他人学习，以求日后改善。 Scala.js一直被与GWT进行比较，因为它们都使用基于JVM的语言，这暗示着语法和语义上的某些相似之处。 Scala.js是Scala到javascript编译器，其工作方式与GWT类似。 Scala.js具有使GWT有吸引力的功能的等效项，例如JsInterop，开发人员模式，修剪，草稿编译，元素等。 我们计划在即将发布的一篇文章中与GWT进行Scala.js比较，但是在此之前，我们想简要介绍一下Scala.js，以及如何编写一个简单的程序。

这是Scala，不是Java

Scala是一种面向对象的JVM语言，它针对功能性编程及其内置的不变性已经引起了一些炒作。 就我个人而言，我从未在Scala中编写任何“实际”应用程序，因此我真的不了解该语言的所有来龙去脉。 看起来您可以使用Scala进行任何操作，也可以使用Java 8进行操作，反之亦然。 在检查语法差异时引起注意的一件事是，Scala具有动态类型推断，因此未声明变量的类型。 这看起来可能更类似于javascript，并且可能会给人一种我们直接使用javascript进行编程的感觉。 Scala.js文档提供了Scala与Es6之间的比较： https ://www.scala-js.org/doc/sjs-for-js/es6-to-scala-part1.html

项目设置

初始设置非常简单。 只有一个用于scala（ sbt ）的构建工具，和一个用于Scala.js的插件，因此没有任何问题。 Scala.js项目不需要任何特殊结构，简单的项目结构就足够了。 NodeJs是使用Scala.js的要求。 然后，可以通过运行以下命令来初始化项目：

sbt new scala/scala-seed.g8

从命令行。 然后将提示您输入项目的名称，版本和组织名称（在Maven中等效于groupId）。 然后，我们需要将Scala.js依赖关系和配置添加到build.sbt文件（等同于pom.xml）中。 我们的build.sbt文件看起来像：

enablePlugins(ScalaJSPlugin)

name := "scalajsdemo"

version := "0.1-SNAPSHOT"

scalaVersion := "2.11.8"

libraryDependencies ++= Seq(
  "org.scala-js" %%% "scalajs-dom" % "0.9.1"
)

scalaJSUseMainModuleInitializer := true

该配置是最小的，因此不需要很大的努力。

使用框架

设置项目后，我们要做的就是创建一个扩展JSApp对象的入口点类。

object MyForm extends JSApp {
  override def main(): Unit = {

  }
}

1. 1. 与DOM交互：
      Scala.js具有非常全面的API，以与原始JS相同的方式进行DOM交互和操作。 实际上，这是Scala.js的核心重点：默认情况下，没有自定义ui组件来构建ui。 例如，使用事件侦听器创建按钮的代码如下：

      val button = document.createElement("button")
          button.textContent = "Click button"
          button.addEventListener("click", { (e0: dom.Event) =>
            println("clicked")
          }, false)
           document.body.appendChild(button)

      为了使用XmlHttpRequest执行HTTP请求，代码如下所示：

      val req = new XMLHttpRequest()
          req.open("GET", "http://www.g-widgets.com/feed/")
          req.setRequestHeader("Access-Control-Allow-Origin", "*")

      假设我们要解析G-Widgets Rss feed并创建一个包含所有标题的列表，然后我们将执行以下操作：

      val blogPostsListElement = document.createElement("ul")
          req.onload = {(e: Event) =>
            if (req.status == 200) {
              val parser = new DOMParser();
              val doc = parser.parseFromString(req.responseText, "application/xml")
              val titleList = doc.getElementsByTagName("title")
      
      
              for(i <- 0 to titleList.length){
                val listElement = document.createElement("li")
                if(titleList.item(i) != null){
                  listElement.textContent = titleList.item(i).textContent
                  blogPostsListElement.appendChild(listElement)
                }
      
              }
      
            }
          }
          req.send();
      
          document.body.appendChild(blogPostsListElement)

1. 到/从Javascript导出（等效于JsInterop）：
   Scala.js还可以使用注释将类导出/导入到Javascript。 假设我们要在代码中使用JSON实用程序对象，导入它的一种方法是：

   @js.native
   @JSGlobal
   object JSON extends js.Object {
     def parse(data: String): js.Object = js.native
     def stringify(anobject :js.Object): String = js.native
   }

   同样，我们可以使用注释从JavaScript脚本中导出一些要使用的对象：

   @JSExportTopLevel("DummyJs")
   class DummyJs(val dummyValue: String) {
   
     @JSExport
      def getTheDummyValue(): String = dummyValue
   }

编译和开发模式

关于Scala.js的一件真正整洁的事情是它的编译时间短。 更改代码后，重新编译.js所需的编译时间不会超过9（对于此简单应用程序），这非常令人鼓舞，而且令人沮丧。 Web服务器的选择（如果需要）保持打开状态。 例如，带有实时重载扩展名的服务器可能会派上用场。 Scala.js提供了两种编译模式：fastOptJS和fullOptJS。 当运行fastOptJS（相当于GWT中的草稿模式）时，编译器进行的优化较少，因此编译时间较短。 这是发展的理想选择。 另一方面，fullOptJS使用Google的闭包编译器来生成高度紧凑和优化的.js文件。

结语

这是对Scala.js的自以为是的介绍。 Scala.js可以提供的主要优点是没有样板的项目设置和快速的编译时间。 GWT比Scala.js更成熟并且使用更多，但是GWT可以从Scala.js中学习，可以减少编译时间和设置项目的样板。 另一方面，一些Scala.js倡导者并不了解GWT的演变，有时会对GWT能力进行不正确的评估。 例如， 格雷格·多雷尔 （ Greg Dorell）在最近的Devoxx 演讲中指出，“ GWT不起作用”，因为它无法为js功能提供良好的导入/导出。 他显然忽略了GWT还引入了JsInterop。 GWT仍然在生态系统和社区方面取胜。 我们将在以后的帖子中进行更详细的比较。 综上所述，Scala.Js是开发Web应用程序的一种有吸引力的替代方法。 对于Java开发人员来说，可能存在语言障碍，但是学习曲线不会真的很陡峭，因为Java和Scala都是JVM语言并且具有相似的概念。

完整的代码可以在这里找到： https : //github.com/zak905/scalajsdemo

翻译自: https://www.javacodegeeks.com/2017/07/overview-scala-js-gwt-developer-perspective.html

gwt-2.8.2下载