Scala.js
introduction
Scala
val divMul: P[Int] =
P( factor ~ (CharIn("*/").! ~/ factor).rep ).map(eval)Scala
implicit def monadMTMAB[MT[_[_], _], MAB[_, _], A](
implicit t: MonadTrans[MT],
m: Monad[MAB[A, ?]]
): Monad[MT[MAB[A, ?], ?]] =
t.apply[MAB[A, ?]]JavaScript
var xhr = new XMLHttpRequest()
xhr.open("GET",
"https://api.twitter.com/1.1/search/" +
"tweets.json?q=%23scalajs"
)
xhr.onload = (e: Event) => {
if (xhr.status == 200) {
var r = JSON.parse(xhr.responseText)
$("#tweets").html(parseTweets(r))
}
}
xhr.send()
JavaScript
var xhr = new XMLHttpRequest()
xhr.open("GET",
"https://api.twitter.com/1.1/search/" +
"tweets.json?q=%23scalajs"
)
xhr.onload = (e: Event) => {
if (xhr.status == 200) {
var r = JSON.parse(xhr.responseText)
$("#tweets").html(parseTweets(r))
}
}
xhr.send()
JavaScript Scala!
var xhr = new XMLHttpRequest()
xhr.open("GET",
"https://api.twitter.com/1.1/search/" +
"tweets.json?q=%23scalajs"
)
xhr.onload = (e: Event) => {
if (xhr.status == 200) {
var r = JSON.parse(xhr.responseText)
$("#tweets").html(parseTweets(r))
}
}
xhr.send()
Зачем менять JavaScript на что-то другое?
А вы и сами это знаете ;)
Scala
2004 год, Martin Odersky, EPFL
Основная цель - создать практичный язык, где подружатся мощные ООП и ФП составляющие
Строгая статическая типизация с выводом типов
Immutability by default, immutable collections
Мощные compile-time возможности
JVM, better Java?
Scala.js
2013 год, Sébastien Doeraene, EPFL
Scala -> JavaScript: плагин к обычному Scala компилятору
Поддерживаются все фичи языка, кроме зависимых от JVM
JS Interoperability
JS/JVM cross-compilation
console.log("Hello World!");println("Hello World!")Scala.js
JavaScript
class Person {
constructor(firstName, lastName) {
this.firstName = firstName;
this.lastName = lastName;
}
fullName() {
return `${this.firstName} ${this.lastName}`;
}
}class Person(val firstName: String,
val lastName: String) {
def fullName(): String =
s"$firstName $lastName"
}Scala.js
JavaScript
const personMap = new Map([
[10, new Person("Roger", "Moore")],
[20, new Person("James", "Bond")]
]);
const names = [];
for (const [key, person] of personMap) {
if (key > 15) {
names.push(`${key} = ${person.firstName}`);
}
}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}"Scala.js
JavaScript
Scala.js features
Всё, что есть в ES6/7
Immutable.js
Всё, что есть в TypeScript
+
+
+
Многое другое
Demo time!
Библиотеки
Фасады для JS библиотек
jQuery, React, Angular, Angular2 (in progress), Vue.js, ...
Scala/Scala.js библиотеки
Udash, Widok, Diode, ScalaTags, Monix, Scala.Rx, Akka.js, ...
Проблемы
sbt, sbt-web
Сборка библиотек не для Scala.js
Нужно тянуть рантайм
Кадры
Когда использовать?
Команда уже использует Scala на бэкенде.
Высокие требования к корректности кода.
Большой и сложный проект с длительным временем поддержки.
Когда не использовать?
Высокие требования к начальному времени загрузки приложения.
Разработка JS библиотеки, а не конечного продукта
Создание прототипов или маленьких проектов