Scala.js

Other topics

console.log in Scala.js

println("Hello Scala.js") // In ES6: console.log("Hello Scala.js");

Fat arrow functions

val lastNames = people.map(p => p.lastName)
// Or shorter:
val lastNames = people.map(_.lastName)

Simple Class

class Person(val firstName: String, val lastName: String) {
  def fullName(): String =
    s"$firstName $lastName"
}

Collections

val personMap = Map(
  10 -> new Person("Roger", "Moore"),
  20 -> new Person("James", "Bond")
)
val names = for {
  (key, person) <- personMap
  if key > 15
} yield s"$key = ${person.firstName}"

Manipulating DOM

import org.scalajs.dom
import dom.document

def appendP(target: dom.Node, text: String) = {
  val pNode = document.createElement("p")
  val textNode = document.createTextNode(text)
  pNode.appendChild(textNode)
  target.appendChild(pNode)
}

Using with SBT

Sbt dependency

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

Running

sbt run

Running with continous compilation:

sbt ~run

Compile to a single JavaScript file:

sbt fastOptJS

Contributors

Topic Id: 9426

Example Ids: 29199,29200,29201,29202,29203,29204

This site is not affiliated with any of the contributors.