{"id":269904,"date":"2015-12-08T18:45:03","date_gmt":"2015-12-08T15:45:03","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=269904"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=269904","title":{"rendered":"\u041a\u0430\u043a \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c JS-\u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443 \u043d\u0430 ScalaJS"},"content":{"rendered":"<p>       Scala.js \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u0435\u0442 \u043e\u0433\u0440\u043e\u043c\u043d\u044b\u0439 \u043c\u0438\u0440 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0439 \u0434\u043b\u044f Scala \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432. \u041e\u0431\u044b\u0447\u043d\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0449\u0438\u0435 Scala.js \u044d\u0442\u043e \u0432\u0435\u0431 \u0438\u043b\u0438 nodejs \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f, \u043d\u043e \u0431\u044b\u0432\u0430\u044e\u0442 \u0441\u043b\u0443\u0447\u0430\u044e \u043a\u043e\u0433\u0434\u0430 \u0432\u0430\u043c \u043f\u0440\u043e\u0441\u0442\u043e \u043d\u0443\u0436\u043d\u043e \u0441\u043e\u0437\u0434\u0430\u0442\u044c JavaScript-\u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443.<\/p>\n<p>  \u0415\u0441\u0442\u044c \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0442\u043e\u043d\u043a\u043e\u0441\u0442\u0438 \u0432 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0442\u0430\u043a\u043e\u0439 Scala.js \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438, \u043d\u043e \u043e\u043d\u0438 \u043f\u043e\u043a\u0430\u0436\u0443\u0442\u0441\u044f \u0437\u043d\u0430\u043a\u043e\u043c\u044b\u043c\u0438 \u0434\u043b\u044f JS \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432. \u0412 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u0435\u0439 \u043c\u044b \u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u043f\u0440\u043e\u0441\u0442\u0443\u044e Scala.js \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443 (<a href=\"https:\/\/github.com\/vpavkin\/scalajs-library-tips\">\u043a\u043e\u0434<\/a>) \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 <a href=\"https:\/\/developer.github.com\/\">Github API<\/a> \u0438 \u0441\u043e\u0441\u0440\u0435\u0434\u043e\u0442\u043e\u0447\u0438\u043c\u0441\u044f \u043d\u0430 \u0438\u0434\u043e\u043c\u0430\u0442\u0438\u0447\u043d\u043e\u0441\u0442\u0438 JS API.<\/p>\n<p>  \u041d\u043e \u0441\u043d\u0430\u0447\u0430\u043b\u0430, \u043d\u0430\u0432\u0435\u0440\u043d\u044f\u043a\u0430 \u0432\u044b \u0445\u043e\u0442\u0438\u0442\u0435 \u0441\u043f\u0440\u043e\u0441\u0438\u0442\u044c, \u0437\u0430\u0447\u0435\u043c \u0432\u043e\u043e\u0431\u0449\u0435 \u043c\u043e\u0436\u0435\u0442 \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u0442\u044c\u0441\u044f \u0434\u0435\u043b\u0430\u0442\u044c \u0442\u0430\u043a\u0443\u044e \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443? \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u0435\u0441\u043b\u0438 \u0443 \u0432\u0430\u0441 \u0443\u0436\u0435 \u0435\u0441\u0442\u044c \u043a\u043b\u0438\u0435\u043d\u0442\u0441\u043a\u043e\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043d\u043e\u0435 \u043d\u0430 JavaScript \u0438 \u043e\u043d\u043e \u043e\u0431\u0449\u0430\u0435\u0442\u0441\u044f \u0441 \u0431\u044d\u043a\u0435\u043d\u0434\u043e\u043c \u043d\u0430 Scala.<\/p>\n<p>  \u0412\u0440\u044f\u0434 \u043b\u0438 \u0443 \u0432\u0430\u0441 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0441\u044f \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u0435\u0435 \u0441 \u0447\u0438\u0441\u0442\u043e\u0433\u043e \u043b\u0438\u0441\u0442\u0430 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e Scala.js, \u043d\u043e \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443 \u0434\u043b\u044f \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u043c\u0435\u0436\u0434\u0443 \u0432\u0430\u043c\u0438 \u0438 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430\u043c\u0438, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u0442:   <\/p>\n<ul>\n<li>\u0441\u043f\u0440\u044f\u0442\u0430\u0442\u044c \u0441\u043b\u043e\u0436\u043d\u0443\u044e \u0438\u043b\u0438 \u043d\u0435\u043e\u0447\u0435\u0432\u0438\u0434\u043d\u0443\u044e \u043a\u043b\u0438\u0435\u043d\u0442\u0441\u0430\u0439\u0434 \u043b\u043e\u0433\u0438\u043a\u0443 \u0432 \u043d\u0435\u0439 \u0438 \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0443\u0434\u043e\u0431\u043d\u043e\u0435 API;<\/li>\n<li>\u0432 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0435 \u0432\u044b \u0441\u043c\u043e\u0436\u0435\u0442\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 \u043c\u043e\u0434\u0435\u043b\u044f\u043c\u0438 \u0438\u0437 backend \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f; <\/li>\n<li>\u0438\u0437\u043e\u043c\u043e\u0440\u0444\u043d\u044b\u0439 \u043a\u043e\u0434 \u0438\u0437 \u043a\u043e\u0440\u043e\u0431\u043a\u0438 \u0438 \u043c\u043e\u0436\u0435\u0442\u0435 \u0437\u0430\u0431\u044b\u0442\u044c \u043f\u0440\u043e \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0441\u0438\u043d\u0445\u0440\u043e\u043d\u0438\u0437\u0430\u0446\u0438\u0438 \u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b\u043e\u0432;<\/li>\n<li>\u0443 \u0432\u0430\u0441 \u0431\u0443\u0434\u0435\u0442 \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0439 API \u0434\u043b\u044f \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432, \u043a\u0430\u043a \u0443 Facebook\u2019s Parse.<\/li>\n<\/ul>\n<p>  \u0422\u0430\u043a\u0436\u0435 \u044d\u0442\u043e \u043e\u0442\u043b\u0438\u0447\u043d\u044b\u0439 \u0432\u044b\u0431\u043e\u0440 \u0434\u043b\u044f \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 Javascript API SDK, \u0431\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u0432\u0441\u0435\u043c \u044d\u0442\u0438\u043c \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430\u043c.<\/p>\n<p>  \u041d\u0435\u0434\u0430\u0432\u043d\u043e \u044f \u0441\u0442\u043e\u043b\u043a\u043d\u0443\u043b\u0441\u044f \u0441 \u0442\u0435\u043c \u0447\u0442\u043e \u0443 \u043d\u0430\u0448\u0435\u0433\u043e REST JSON API \u0434\u0432\u0430 \u0440\u0430\u0437\u043d\u044b\u0445 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u044b\u0445 \u043a\u043b\u0438\u0435\u043d\u0442\u0430, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0438\u0437\u043e\u043c\u043e\u0440\u0444\u043d\u043e\u0439 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u0431\u044b\u043b\u0430 \u0445\u043e\u0440\u043e\u0448\u0438\u043c \u0432\u044b\u0431\u043e\u0440\u043e\u043c.<\/p>\n<p>  <a name=\"habracut\"><\/a><\/p>\n<p>  <b>\u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u043d\u0430\u0447\u043d\u0435\u043c \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438<\/b><\/p>\n<p>  \u0422\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f: \u043a\u0430\u043a Scala \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 \u043c\u044b \u0445\u043e\u0442\u0438\u043c \u043f\u0438\u0441\u0430\u0442\u044c \u0432 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u043c \u0441\u0442\u0438\u043b\u0435 \u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0432\u0441\u0435 \u0444\u0438\u0448\u043a\u0438 Scala. \u0412 \u0441\u0432\u043e\u044e \u043e\u0447\u0435\u0440\u0435\u0434\u044c API \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c \u043b\u0435\u0433\u043a\u043e \u043f\u043e\u043d\u044f\u0442\u044c \u0434\u043b\u044f JS \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432.<\/p>\n<p>  <b>\u041d\u0430\u0447\u043d\u0435\u043c \u0441\u043e \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b \u043a\u0430\u0442\u0430\u043b\u043e\u0433\u043e\u0432<\/b>, \u043e\u043d\u0430 \u043d\u0435 \u043e\u0442\u043b\u0438\u0447\u0430\u0435\u0442\u0441\u044f \u043e\u0442 \u043e\u0431\u044b\u0447\u043d\u043e\u0439 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b \u0434\u043b\u044f Scala \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f:  <\/p>\n<pre><code class=\"scala\">+-- build.sbt +-- project \u00a6   +-- build.properties \u00a6   L-- plugins.sbt +-- src \u00a6   L-- main \u00a6       +-- resources \u00a6       \u00a6   +-- demo.js \u00a6       \u00a6   L-- index-fastopt.html \u00a6       L-- scala L-- version.sbt <\/code><\/pre>\n<p>  <code>resources\/index-fastopt.html<\/code> \u2014 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0442\u043e\u043b\u044c\u043a\u043e \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442 \u043d\u0430\u0448\u0443 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443 \u0438 \u0444\u0430\u0439\u043b <code>resources\/demo.js<\/code>, \u0434\u043b\u044f \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438 API<\/p>\n<p>  <b>API<\/b><\/p>\n<p>  \u0426\u0435\u043b\u044c \u2014 \u0443\u043f\u0440\u043e\u0441\u0442\u0438\u0442\u044c \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0441\u0442\u0432\u0438\u0435 \u0441 Github API. \u0414\u043b\u044f \u043d\u0430\u0447\u0430\u043b\u0430 \u043c\u044b \u0441\u0434\u0435\u043b\u0430\u0435\u043c \u0442\u043e\u043b\u044c\u043a\u043e \u043e\u0434\u043d\u0443 \u0444\u0438\u0447\u0443 \u2014 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0443 \u044e\u0437\u0435\u0440\u043e\u0432 \u0438 \u0438\u0445 \u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0435\u0432. \u0418\u0442\u0430\u043a \u044d\u0442\u043e \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0439 \u043c\u0435\u0442\u043e\u0434 \u0438 \u043f\u0430\u0440\u043e\u0439 \u043c\u043e\u0434\u0435\u043b\u0435\u0439 \u0441 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0430\u043c\u0438 \u043e\u0442\u0432\u0435\u0442\u0430. \u041d\u0430\u0447\u043d\u0435\u043c \u0441 \u043c\u043e\u0434\u0435\u043b\u0438.<\/p>\n<p>  <b>\u041c\u043e\u0434\u0435\u043b\u044c<\/b><\/p>\n<p>  \u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u043c \u043d\u0430\u0448\u0438 \u043a\u043b\u0430\u0441\u0441\u044b \u0432\u043e\u0442 \u0442\u0430\u043a:  <\/p>\n<pre><code class=\"scala\">case class User(name: String,                 avatarUrl: String,                 repos: List[Repo])  sealed trait Repo {   def name: String   def description: String   def stargazersCount: Int   def homepage: Option[String] }  case class Fork(name: String,                 description: String,                 stargazersCount: Int,                 homepage: Option[String]) extends Repo  case class Origin(name: String,                   description: String,                   stargazersCount: Int,                   homepage: Option[String],                   forksCount: Int) extends Repo <\/code><\/pre>\n<p>  \u041d\u0438\u0447\u0435\u0433\u043e \u0441\u043b\u043e\u0436\u043d\u043e\u0433\u043e, <code>User<\/code> \u0438\u043c\u0435\u0435\u0442 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0435\u0432, \u0430 \u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0439 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b\u043e\u043c \u0438\u043b\u0438 \u0444\u043e\u0440\u043a\u043e\u043c, \u043a\u0430\u043a \u0436\u0435 \u043d\u0430\u043c \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u044d\u0442\u043e \u0434\u043b\u044f JS \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432?<\/p>\n<p>  <i>\u0414\u043b\u044f \u043f\u043e\u043b\u043d\u043e\u0433\u043e \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u0430 \u0441\u043c\u043e\u0442\u0440\u0438\u0442\u0435 <a href=\"http:\/\/www.scala-js.org\/doc\/export-to-javascript.html\">Export Scala.js APIs to Javascript<\/a>.<\/i><\/p>\n<p>  <b>API \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432.<\/b><br \/>  \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u043a\u0430\u043a \u043e\u043d\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442, \u043f\u0440\u043e\u0441\u0442\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440.  <\/p>\n<pre><code class=\"scala\">@JSExport case class Fork(name: String, \/*...*\/)] <\/code><\/pre>\n<p>  \u041d\u043e \u043e\u043d\u043e \u043d\u0435 \u0441\u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442, \u0443 \u0432\u0430\u0441 \u043d\u0435\u0442 \u044d\u0441\u043a\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0433\u043e \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440\u0430 <code>Option<\/code>, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043d\u0435 \u043f\u043e\u043b\u0443\u0438\u0442\u0441\u044f \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 <code>homepage<\/code>. \u0415\u0441\u0442\u044c \u0438 \u0434\u0440\u0443\u0433\u0438\u0435 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u044f \u0434\u043b\u044f case \u043a\u043b\u0430\u0441\u0441\u043e\u0432, \u0432\u044b \u043d\u0435 \u0441\u043c\u043e\u0436\u0435\u0442\u0435 \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440\u044b \u0441 \u043d\u0430\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0435\u043c, \u0432\u043e\u0442 \u0442\u0430\u043a\u043e\u0439 \u043a\u043e\u0434 \u0434\u0430\u0436\u0435 \u043d\u0435 \u0441\u043a\u043e\u043c\u043f\u0438\u043b\u0438\u0440\u0443\u0435\u0442\u0441\u044f  <\/p>\n<pre><code class=\"scala\">@JSExport case class A(a: Int) @JSExport case class B(b: Int) extends A(12)  @JSExport object Github {   @JSExport   def createFork(name: String,                  description: String,                  stargazersCount: Int,                  homepage: UndefOr[String]): Fork =     Fork(name, description, stargazersCount, homepage.toOption) }  <\/code><\/pre>\n<p>  \u0422\u0443\u0442, \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e <code>js.UndefOr<\/code> \u043c\u044b \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u043c \u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 \u0432 \u0441\u0442\u0438\u043b\u0435 JS: \u043c\u043e\u0436\u043d\u043e \u043f\u0435\u0440\u0435\u0434\u0430\u0442\u044c <code>String<\/code> \u0438\u043b\u0438 \u0432\u043e\u043e\u0431\u0449\u0435 \u043e\u0431\u043e\u0439\u0442\u0438\u0441\u044c \u0431\u0435\u0437 \u043d\u0435\u0433\u043e:  <\/p>\n<pre><code class=\"javascript\">\/\/ JS var homelessFork = Github().createFork(&quot;bar-fork&quot;, &quot;Bar&quot;, 1); var fork =         Github().createFork(&quot;bar-fork&quot;, &quot;Bar&quot;, 1, &quot;http:\/\/foo.bar&quot;);  <\/code><\/pre>\n<p>  <b>\u0417\u0430\u043c\u0435\u0447\u0430\u043d\u0438\u0435 \u043a\u0430\u0441\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u043a\u0435\u0448\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f Scala-\u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432:<\/b><\/p>\n<p>  \u0414\u0435\u043b\u0430\u0442\u044c \u0432\u044b\u0437\u043e\u0432 <code>Github()<\/code> \u043a\u0430\u0436\u0434\u044b\u0439 \u0440\u0430\u0437 \u043d\u0435 \u043b\u0443\u0447\u0448\u0435\u0435 \u0438\u0434\u0435\u044f, \u0435\u0441\u043b\u0438 \u0432\u0430\u043c \u043d\u0435 \u043d\u0443\u0436\u043d\u0430 \u043b\u0435\u043d\u0438\u0432\u043e\u0441\u0442\u044c \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0437\u0430\u043a\u0435\u0448\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0438\u0445 \u043f\u0440\u0438 \u0437\u0430\u043f\u0443\u0441\u043a\u0435:  <\/p>\n<pre><code class=\"javascript\">&lt;!--index-fastopt.html--&gt; &lt;script&gt;   var Github = Github() <\/code><\/pre>\n<p>  \u0415\u0441\u043b\u0438 \u0441\u0435\u0439\u0447\u0430\u0441 \u043c\u044b \u043f\u043e\u043f\u0440\u043e\u0431\u0443\u0435\u043c \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0438\u043c\u044f \u0444\u043e\u0440\u043a\u0430, \u043f\u043e\u043b\u0443\u0447\u0438\u043c <code>undefined<\/code>. \u0412\u0441\u0435 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e, \u043e\u043d\u043e \u043d\u0435 \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u043b\u043e\u0441\u044c, \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0435\u043c \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 \u043c\u043e\u0434\u0435\u043b\u0438.<\/p>\n<p>  C \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u043c\u0438 \u0442\u0438\u043f\u0430\u043c\u0438, \u0442\u0430\u043a\u0438\u043c\u0438 \u043a\u0430\u043a <code>String<\/code>, <code>Boolean<\/code> \u0438\u043b\u0438 <code>Int<\/code> \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u043d\u0435\u0442, \u0438\u0445 \u043c\u043e\u0436\u043d\u043e \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0442\u0430\u043a:  <\/p>\n<pre><code class=\"scala\">sealed trait Repo {   @JSExport   def name: String   \/\/ ... } <\/code><\/pre>\n<p>  \u041f\u043e\u043b\u0435 case \u043a\u043b\u0430\u0441\u0441\u0430 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0430\u043d\u043d\u043e\u0442\u0430\u0446\u0438\u0438 <code>@(JSExport@field)<\/code>. \u041f\u0440\u0438\u043c\u0435\u0440 \u0434\u043b\u044f \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 <code>forks<\/code>:  <\/p>\n<pre><code class=\"scala\">case class Origin(name: String,                   description: String,                   stargazersCount: Int,                   homepage: Option[String],                   @(JSExport@field) forks: Int) extends Repo <\/code><\/pre>\n<p>  <b>Option<\/b><\/p>\n<p>  \u041d\u043e \u043a\u0430\u043a \u0432\u044b \u0443\u0436\u0435 \u0434\u043e\u0433\u0430\u0434\u0430\u043b\u0438\u0441\u044c \u0435\u0441\u0442\u044c \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \u0441 <code>homepage: Option[String]<\/code>. \u041c\u044b \u043c\u043e\u0436\u0435\u043c \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0435\u0435 \u0442\u043e\u0436\u0435, \u043d\u043e \u044d\u0442\u043e \u0431\u0435\u0441\u043f\u043e\u043b\u0435\u0437\u043d\u043e, \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0438\u0437 <code>Option<\/code>, js \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u0434\u043e\u043b\u0436\u0435\u0442 \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u0437\u0432\u0430\u0442\u044c \u043a\u0430\u043a\u043e\u0439 \u043d\u0438\u0431\u0443\u0434\u044c \u043c\u0435\u0442\u043e\u0434, \u043d\u043e \u0434\u043b\u044f <code>Option<\/code> \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043e.<\/p>\n<p>  \u0421 \u0434\u0440\u0443\u0433\u043e\u0439 \u0441\u0442\u043e\u0440\u043e\u043d\u044b, \u043c\u044b \u0445\u043e\u0442\u0435\u043b\u0438 \u0431\u044b \u0441\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c <code>Option<\/code>, \u0447\u0442\u043e\u0431\u044b \u043d\u0430\u0448 Scala-\u043a\u043e\u0434 \u043e\u0441\u0442\u0430\u0432\u0430\u043b\u0441\u044f \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u0438 \u043f\u043e\u043d\u044f\u0442\u043d\u044b\u0439. \u041f\u0440\u043e\u0441\u0442\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u2014 \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 js \u0433\u0435\u0442\u0442\u0435\u0440:  <\/p>\n<pre><code class=\"scala\">import scala.scalajs.js.JSConverters._  sealed trait Repo {   \/\/...    \/\/\u043d\u0435 \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0435\u043c \u043f\u043e\u043b\u0435, \u0441 \u043a\u043e\u0442\u043e\u0440\u044b\u043c \u043d\u0435\u0443\u0434\u043e\u0431\u043d\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0432 JS   def homepage: Option[String]    @JSExport(&quot;homepage&quot;)   def homepageJS: js.UndefOr[String] = homepage.orUndefined } <\/code><\/pre>\n<p>  \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u043e\u043f\u0440\u043e\u0431\u0443\u0435\u043c:  <\/p>\n<pre><code class=\"javascript\">console.log(&quot;fork.name: &quot; + fork.name); console.log(&quot;fork.homepage: &quot; + fork.homepage); <\/code><\/pre>\n<p>  \u041c\u044b \u043e\u0441\u0442\u0430\u0432\u0438\u043b\u0438 \u043d\u0430\u0448 \u043b\u044e\u0431\u0438\u043c\u044b\u0439 <code>Option<\/code> \u0438 \u0441\u0434\u0435\u043b\u0430\u043b\u0438 \u0447\u0438\u0441\u0442\u043e\u0435 \u043a\u0440\u0430\u0441\u0438\u0432\u043e\u0435 API \u0434\u043b\u044f JS. \u0423\u0440\u0430!<\/p>\n<p>  <b>List<\/b><\/p>\n<p>  <code>User.repos<\/code> \u044d\u0442\u043e <code>List<\/code> \u0438 \u0435\u0441\u0442\u044c \u0442\u0440\u0443\u0434\u043d\u043e\u0441\u0442\u0438 \u0441 \u0435\u0433\u043e \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435\u043c. \u0420\u0435\u0448\u0435\u043d\u0438\u0435 \u0442\u0430\u043a\u043e\u0435 \u0436\u0435, \u043f\u0440\u043e\u0441\u0442\u043e \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0435\u043c \u0435\u0433\u043e \u043a\u0430\u043a JS \u043c\u0430\u0441\u0441\u0438\u0432:  <\/p>\n<pre><code class=\"scala\">@JSExport(&quot;repos&quot;) def reposJS: js.Array[Repo] = repos.toJSArray  \/\/ JS user.repos.map(function (repo) {   return repo.name; }); <\/code><\/pre>\n<p>  <b>\u041f\u043e\u0434\u0442\u0438\u043f\u044b<\/b><\/p>\n<p>  \u0415\u0441\u0442\u044c \u0432\u0441\u0435 \u0435\u0449\u0435 \u043e\u0434\u043d\u0430 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \u0441 \u0442\u0440\u0435\u0439\u0442\u043e\u043c <code>Repo<\/code>. \u0422\u0430\u043a \u043a\u0430\u043a \u043c\u044b \u043d\u0435 \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0435\u043c \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440\u044b, JS \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u043d\u0435 \u0441\u043c\u043e\u0436\u0435\u0442 \u043f\u043e\u043d\u044f\u0442\u044c \u0441 \u043a\u0430\u043a\u0438\u043c \u043f\u043e\u0434\u0442\u0438\u043f\u043e\u043c <code>Repo<\/code> \u043e\u043d \u0438\u043c\u0435\u0435\u0442 \u0434\u0435\u043b\u043e.<\/p>\n<p>  \u0432 Javascript \u043d\u0435\u0442 \u0441\u043e\u043f\u043e\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0441 \u043e\u0431\u0440\u0430\u0437\u0446\u043e\u043c (pattern matching) \u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u043d\u0430\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u044f \u043d\u0435 \u0442\u0430\u043a \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u043e (\u0430 \u0438\u043d\u043e\u0433\u0434\u0430 \u0438 \u0441\u043f\u043e\u0440\u043d\u043e), \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0443 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u043e\u0432:<\/p>\n<ul>\n<li>\u0421\u043e\u0437\u0434\u0430\u0442\u044c \u043c\u0435\u0442\u043e\u0434\u044b <code>isFork: Boolean<\/code> \u0438\u043b\u0438 <code>hasForks: Boolean<\/code>. \u042d\u0442\u043e \u043d\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u043e, \u043d\u043e \u043d\u0435 \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u043e\u0431\u043e\u0431\u0449\u0435\u043d\u043d\u043e.<\/li>\n<li>\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e <code>type: String<\/code> \u0434\u043b\u044f \u0432\u0441\u0435\u0445 \u043f\u043e\u0434\u0442\u0438\u043f\u043e\u0432.<\/li>\n<\/ul>\n<p>  \u042f \u0432\u044b\u0431\u0438\u0440\u0430\u044e 2 \u043f\u0443\u0442\u044c, \u0435\u0433\u043e \u043b\u0435\u0433\u043a\u043e \u0430\u0431\u0441\u0442\u0440\u0430\u0433\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0432\u043e \u0432\u0441\u0435\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0435, \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u043e\u0431\u044c\u044f\u0432\u0438\u043c mixin \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0435\u0442 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e <code>type<\/code>:  <\/p>\n<pre><code class=\"scala\">trait Typed { self =&gt;   @JSExport(&quot;type&quot;)   def typ: String = self.getClass.getSimpleName } &lt;\/code&gt;  \u041d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0434\u0440\u0443\u0433\u043e\u0435 \u0438\u043c\u044f, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e &lt;code&gt;type&lt;\/code&gt; \u044d\u0442\u043e \u0437\u0430\u0440\u0435\u0437\u0435\u0440\u0432\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0435 \u0441\u043b\u043e\u0432\u043e \u0432 Scala. &lt;source lang=&quot;scala&quot;&gt; sealed trait Repo extends Typed {   \/\/ ... } <\/code><\/pre>\n<p>  \u2026 \u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u0435\u0433\u043e:  <\/p>\n<pre><code class=\"javascript\">\/\/ JS fork.type \/\/ &quot;Fork&quot; <\/code><\/pre>\n<p>  \u0421\u0434\u0435\u043b\u0430\u0442\u044c \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u0435\u0439 \u043c\u043e\u0436\u043d\u043e \u0435\u0441\u043b\u0438 \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u043a\u043e\u043d\u0441\u0442\u0430\u043d\u0442\u044b (\u0442\u0443\u0442 \u043d\u0430\u043c \u043f\u043e\u043c\u043e\u0436\u0435\u0442 \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0442\u043e\u0440):  <\/p>\n<pre><code class=\"scala\">class TypeNameConstant[T: ClassTag] {   @JSExport(&quot;type&quot;)   def typ: String = classTag[T].runtimeClass.getSimpleName } <\/code><\/pre>\n<p>  \u0421 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u044d\u0442\u043e\u0433\u043e \u0445\u0435\u043b\u043f\u0435\u0440\u0430 \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u043e\u0431\u044a\u044f\u0432\u0438\u0442\u044c \u043d\u0443\u0436\u043d\u044b\u0435 \u043a\u043e\u043d\u0441\u0442\u0430\u043d\u0442\u044b \u0432 \u043e\u0431\u044a\u0435\u043a\u0442\u0435 <code>GitHub<\/code>:  <\/p>\n<pre><code class=\"scala\">@JSExportAll object Github {   \/\/...    val Fork = new TypeNameConstant[model.Fork]   val Origin = new TypeNameConstant[model.Origin] } <\/code><\/pre>\n<p>  \u042d\u0442\u043e \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u0442 \u043d\u0430\u043c \u0438\u0437\u0431\u0435\u0436\u0430\u0442\u044c \u0441\u0442\u0440\u043e\u043a \u0432 Javascript, \u043f\u0440\u0438\u043c\u0435\u0440  <\/p>\n<pre><code class=\"javascript\">\/\/ JS function isFork(repo) {   return repo.type == Github.Fork.type } <\/code><\/pre>\n<p>  \u0412\u043e\u0442 \u0442\u0430\u043a \u043c\u044b \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u043c \u0441 \u043f\u043e\u0434\u0442\u0438\u043f\u0430\u043c\u0438.<\/p>\n<p>  <b>\u0427\u0442\u043e \u0435\u0441\u043b\u0438 \u044f \u043d\u0435 \u043c\u043e\u0433\u0443 \u043f\u043e\u043c\u0435\u043d\u044f\u0442\u044c \u043e\u0431\u044c\u0435\u043a\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0445\u043e\u0447\u0443 \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c?<\/b><\/p>\n<p>  \u0412 \u044d\u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435, \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u0432\u044b \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0435\u0442\u0435 \u043a\u043b\u0430\u0441\u0441\u044b \u0441\u0432\u043e\u0435\u0439 \u043a\u0440\u043e\u0441\u0441 \u2014 \u043a\u043e\u043c\u043f\u0438\u043b\u0438\u0440\u0443\u0435\u043c\u043e\u0439 \u043c\u043e\u0434\u0435\u043b\u0438 \u0438\u043b\u0438 \u043e\u0431\u044a\u0435\u043a\u0442\u044b \u0438\u0437 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a. \u0421\u043f\u043e\u0441\u043e\u0431\u044b \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u044b \u0438 \u0434\u043b\u044f <code>Option<\/code> \u0438 \u0434\u043b\u044f <code>List<\/code>, \u0441 \u043e\u0434\u043d\u0438\u043c \u0440\u0430\u0437\u043b\u0438\u0447\u0438\u0435\u043c \u2014 \u0432\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0441\u0430\u043c\u0438\u043c \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u043f\u0440\u0438\u0435\u043c\u043b\u0435\u043c\u044b\u0435, \u0441 \u0442\u043e\u0447\u043a\u0438 \u0437\u0440\u0435\u043d\u0438\u044f JS, \u043a\u043b\u0430\u0441\u0441\u044b-\u043e\u0431\u0435\u0440\u0442\u043a\u0438 \u0438 \u043a\u043e\u043d\u0432\u0435\u0440\u0442\u0430\u0446\u0438\u044e.<\/p>\n<p>  \u0417\u0434\u0435\u0441\u044c \u0432\u0430\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c js \u0437\u0430\u043c\u0435\u043d\u044b \u0442\u043e\u043b\u044c\u043a\u043e \u0434\u043b\u044f \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0430 (<code>Scala =&gt; JS<\/code>) \u0438 \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u044d\u043a\u0437\u0435\u043c\u043f\u043b\u044f\u0440\u043e\u0432 (<code>JS =&gt; Scala<\/code>) \u0412\u0441\u0435 \u0431\u0438\u0437\u043d\u0435\u0441 \u043b\u043e\u0433\u0438\u043a\u0430 \u0434\u043e\u043b\u0436\u043d\u0430 \u0431\u044b\u0442\u044c \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d\u0430 \u0442\u043e\u043b\u044c\u043a\u043e \u0447\u0438\u0441\u0442\u044b\u043c\u0438 Scala \u043a\u043b\u0430\u0441\u0441\u0430\u043c\u0438.<\/p>\n<p>  \u0414\u043e\u043f\u0443\u0441\u0442\u0438\u043c \u0443 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u043a\u043b\u0430\u0441\u0441 <code>Commit<\/code>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u044b \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u043d\u0435 \u043c\u043e\u0436\u0435\u043c.  <\/p>\n<pre><code class=\"scala\">case class Commit(hash: String) <\/code><\/pre>\n<p>  \u0412\u043e\u0442 \u043a\u0430\u043a \u0435\u0433\u043e \u043c\u043e\u0436\u043d\u043e \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c:  <\/p>\n<pre><code class=\"scala\">object CommitJS {   def fromCommit(c: Commit): CommitJS = CommitJS(c.hash) } case class CommitJS(@(JSExport@field) hash: String) {   def toCommit: Commit = Commit(hash) } <\/code><\/pre>\n<p>  \u0417\u0430\u0442\u0435\u043c, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043a\u043b\u0430\u0441\u0441 <code>Branch<\/code> \u0438\u0437 \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u043c\u043e\u0433\u043e \u043d\u0430\u043c\u0438 \u043a\u043e\u0434\u0430 \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c \u0432\u043e\u0442 \u0442\u0430\u043a:  <\/p>\n<pre><code class=\"scala\">case class Branch(initial: Commit) {   @JSExport(&quot;initial&quot;)   def initialJS: CommitJS = CommitJS.fromCommit(initial) } <\/code><\/pre>\n<p>  \u0422\u0430\u043a \u043a\u0430\u043a \u0432 JS \u0441\u0440\u0435\u0434\u0435 commits \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u044b \u043a\u0430\u043a <code>CommitJS<\/code> \u043e\u0431\u044c\u0435\u043a\u0442\u044b, \u0444\u0430\u0431\u0440\u0438\u0447\u043d\u044b\u0439 \u043c\u0435\u0442\u043e\u0434 \u0434\u043b\u044f <code>Branch<\/code> \u0431\u0443\u0434\u0435\u0442:  <\/p>\n<pre><code class=\"scala\">@JSExport def createBranch(initial: CommitJS) = Branch(initial.toCommit) <\/code><\/pre>\n<p>  \u041a\u043e\u043d\u0435\u0447\u043d\u043e \u044d\u0442\u043e \u043d\u0435 \u0441\u0443\u043f\u0435\u0440 \u0441\u043f\u043e\u0441\u043e\u0431, \u043d\u043e \u0437\u0430\u0442\u043e \u043e\u043d \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u0442\u0441\u044f \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0442\u043e\u0440\u043e\u043c. \u0412\u043e\u0442 \u043f\u043e\u0447\u0435\u043c\u0443 \u044f \u043f\u0440\u0435\u0434\u043f\u043e\u0447\u0438\u0442\u0430\u044e \u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043d\u0430 \u0442\u0430\u043a\u0443\u044e \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443 \u043d\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u043a\u0430\u043a \u043d\u0430 \u043f\u0440\u043e\u043a\u0441\u0438 \u0434\u043b\u044f value-\u043a\u043b\u0430\u0441\u0441\u043e\u0432, \u0430 \u043a\u0430\u043a \u043d\u0430 \u0444\u0430\u0441\u0430\u0434, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0441\u043a\u0440\u044b\u0432\u0430\u0435\u0442 \u043d\u0435\u043d\u0443\u0436\u043d\u044b\u0435 \u0434\u0435\u0442\u0430\u043b\u0438 \u0438 \u0443\u043f\u0440\u043e\u0449\u0430\u0435\u0442 API.<\/p>\n<p>  <b>AJAX<\/b><\/p>\n<p>  <b>\u0420\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f<\/b><\/p>\n<p>  \u0414\u043b\u044f \u043f\u0440\u043e\u0441\u0442\u043e\u0442\u044b \u043c\u044b \u0431\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c <code>Ajax<\/code> \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0435 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 <a href=\"https:\/\/github.com\/scala-js\/scala-js-dom\">scalajs-dom<\/a> \u0434\u043b\u044f \u0441\u0435\u0442\u0435\u0432\u044b\u0445 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432. \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u043e\u0442\u0432\u043b\u0435\u0447\u0435\u043c\u0441\u044f \u043e\u0442 \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0430 \u0438 \u043f\u0440\u043e\u0441\u0442\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u0443\u0435\u043c API.<\/p>\n<p>  \u0427\u0442\u043e\u0431\u044b \u043d\u0435 \u0443\u0441\u043b\u043e\u0436\u043d\u044f\u0442\u044c, \u043c\u044b \u043f\u043e\u043b\u043e\u0436\u0438\u043c \u0432\u0441\u0435 \u0441\u0432\u044f\u0437\u0430\u043d\u043d\u043e\u0435 \u0441 AJAX \u0432 \u043e\u0431\u044c\u0435\u043a\u0442 <code>API<\/code>, \u0443 \u043d\u0435\u0433\u043e \u0431\u0443\u0434\u0435\u0442 \u0434\u0432\u0430 \u043c\u0435\u0442\u043e\u0434\u0430: \u0434\u043b\u044f \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u0438 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u044f.<\/p>\n<p>  \u0422\u0430\u043a \u0436\u0435 \u043c\u044b \u0441\u0434\u0435\u043b\u0430\u0435\u043c \u0441\u043b\u043e\u0439 DTO, \u0447\u0442\u043e\u0431\u044b \u043e\u0442\u0434\u0435\u043b\u0438\u0442\u044c API \u043e\u0442 \u043c\u043e\u0434\u0435\u043b\u0438. \u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u043e\u043c \u043c\u0435\u0442\u043e\u0434\u0430 \u0431\u0443\u0434\u0435\u0442 <code>Future[String \\\/ DTO]<\/code>, \u0433\u0434\u0435 <code>DTO<\/code> \u044d\u0442\u043e \u0442\u0438\u043f \u0437\u0430\u043f\u0440\u043e\u0448\u0435\u043d\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445, \u0430 <code>String<\/code> \u0431\u0443\u0434\u0435\u0442 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u0442\u044c \u043e\u0448\u0438\u0431\u043a\u0443 \u0412\u043e\u0442 \u043d\u0435\u043f\u043e\u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u043a\u043e\u0434:  <\/p>\n<pre><code class=\"scala\">object API {    case class UserDTO(name: String, avatar_url: String)   case class RepoDTO(name: String,                      description: String,                      stargazers_count: Int,                      homepage: Option[String],                      forks: Int,                      fork: Boolean)    def user(login: String)           (implicit ec: ExecutionContext): Future[String \\\/ UserDTO] =     load(login, s&quot;$BASE_URL\/users\/$login&quot;, jsonToUserDTO)    def repos(login: String)            (implicit ec: ExecutionContext): Future[String \\\/ List[RepoDTO]] =     load(login, s&quot;$BASE_URL\/users\/$login\/repos&quot;, arrayToRepos)    private def load[T](login: String,                       url: String,                       parser: js.Any =&gt; Option[T])                      (implicit ec: ExecutionContext): Future[String \\\/ T] =     if (login.isEmpty)       Future.successful(&quot;Error: login can't be empty&quot;.left)     else       Ajax.get(url).map(xhr =&gt;         if (xhr.status == 200) {           parser(js.JSON.parse(xhr.responseText))             .map(_.right)             .getOrElse(&quot;Request failed: can't deserialize result&quot;.left)         } else {           s&quot;Request failed with response code ${xhr.status}&quot;.left         }       )    private val BASE_URL: String = &quot;https:\/\/api.github.com&quot;    private def jsonToUserDTO(json: js.Any): Option[UserDTO] = \/\/...   private def arrayToRepos(json: js.Any): Option[List[RepoDTO]] = \/\/... } <\/code><\/pre>\n<p>  \u0414\u0435\u0441\u0435\u0440\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u043a\u043e\u0434\u0430 \u0441\u043a\u0440\u044b\u0442\u0430, \u043d\u0430\u043c \u043e\u043d\u0430 \u043d\u0435 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u0430, \u043c\u0435\u0442\u043e\u0434 <code>load<\/code> \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u0441\u0442\u0440\u043e\u043a\u0443 \u043e\u0448\u0438\u0431\u043a\u0438 \u0435\u0441\u043b\u0438 \u043a\u043e\u0434 \u043d\u0435 200 \u0438\u043d\u0430\u0447\u0435 \u043e\u043d \u043a\u043e\u043d\u0432\u0435\u0440\u0442\u0438\u0440\u0443\u0435\u0442 \u043e\u0442\u0432\u0435\u0442 \u0432 JSON \u0430 \u043f\u043e\u0442\u043e\u043c \u0432 DTO<\/p>\n<p>  \u0422\u0435\u043f\u0435\u0440\u044c \u043c\u044b \u043c\u043e\u0436\u0435\u0442 \u043a\u043e\u043d\u0432\u0435\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043e\u0442\u0432\u0435\u0442 API \u0432 \u043c\u043e\u0434\u0435\u043b\u044c.  <\/p>\n<pre><code class=\"scala\">import scala.scalajs.concurrent.JSExecutionContext.Implicits.queue  object Github {    \/\/ ...    def loadUser(login: String): Future[String \\\/ User] = {     for {       userDTO &lt;- EitherT(API.user(login))       repoDTO &lt;- EitherT(API.repos(login))     } yield userFromDTO(userDTO, repoDTO)   }.run    private def userFromDTO(dto: API.UserDTO,                           repos: List[API.RepoDTO]): User = \/\/.. } <\/code><\/pre>\n<p>  \u0417\u0434\u0435\u0441\u044c \u043c\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c monad transformer \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 <code>Future[\\\/[..]]<\/code>, \u0430 \u043f\u043e\u0442\u043e\u043c \u043a\u043e\u043d\u0432\u0435\u0440\u0442\u0438\u0440\u0443\u0435\u043c DTO \u0432 \u043c\u043e\u0434\u0435\u043b\u044c.<\/p>\n<p>  \u041e\u0442\u043b\u0438\u0447\u043d\u043e, \u044d\u0442\u043e \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u043a\u0430\u043a \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u043a\u043e\u0434 Scala, \u043f\u0440\u0438\u044f\u0442\u043d\u043e \u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c. \u0422\u0435\u043f\u0435\u0440\u044c \u043f\u0435\u0440\u0435\u0439\u0434\u0435\u043c \u043a \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0443 \u043c\u0435\u0442\u043e\u0434\u0430 <code>loadUser<\/code> \u0434\u043b\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439 \u043d\u0430\u0448\u0435\u0439 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438.<\/p>\n<p>  <b>Share the Future<\/b><\/p>\n<p>  \u0422\u0435\u043f\u0435\u0440\u044c \u0443 \u043d\u0430\u0441 \u0432\u043e\u0437\u043d\u0438\u043a\u0430\u0435\u0442 \u0432\u043e\u043f\u0440\u043e\u0441, \u043a\u0430\u043a\u043e\u0439 \u043e\u0431\u0449\u0435\u043f\u0440\u0438\u043d\u044f\u0442\u044b\u0439 \u0441\u043f\u043e\u0441\u043e\u0431 \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u044b\u043c\u0438 \u0432\u044b\u0437\u043e\u0432\u0430\u043c\u0438 \u0432 Javascript? \u042f \u0443\u0436\u0435 \u0441\u043b\u044b\u0448\u0443 \u0441\u043c\u0435\u0445 js \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0435\u0433\u043e \u043d\u0435 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442. Callbacks, event emitters, promises, fibers, generators, async\/await \u044d\u0442\u043e \u0432\u0441\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f, \u0447\u0442\u043e \u043d\u0430\u043c \u0432\u044b\u0431\u0440\u0430\u0442\u044c? \u042f \u0441\u0447\u0438\u0442\u0430\u044e \u043f\u0440\u043e\u043c\u0438\u0441\u044b \u044d\u0442\u043e \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0430\u044f \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u043a Scala Future. \u041f\u0440\u043e\u043c\u0438\u0441\u044b \u043e\u0447\u0435\u043d\u044c \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b \u0438 \u0443\u0436\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u044e\u0442\u0441\u044f \u0438\u0437 \u043a\u043e\u0440\u043e\u0431\u043a\u0438 <a href=\"http:\/\/caniuse.com\/#feat=promises\">\u043c\u043d\u043e\u0433\u0438\u043c\u0438<\/a> \u0441\u043e\u0432\u0435\u0440\u043c\u0435\u043d\u043d\u044b\u043c\u0438 \u0431\u0440\u0430\u0437\u0443\u0435\u0440\u0430\u043c\u0438, \u043c\u044b \u0432\u043e\u0437\u044c\u043c\u0435\u043c \u0438\u0445. \u0414\u043b\u044f \u043d\u0430\u0447\u0430\u043b\u0430 \u043d\u0430\u0434\u043e \u0441\u043e\u043e\u0431\u0449\u0438\u0442\u044c \u043d\u0430\u0448\u0435\u043c\u0443 \u043a\u043e\u0434\u0443 \u043e \u043f\u0440\u043e\u043c\u0438\u0441\u0430\u0445. \u044d\u0442\u043e \u043d\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u201cTyped Facade\u201d. \u043c\u044b \u043b\u0435\u0433\u043a\u043e \u043c\u043e\u0436\u0435\u043c \u044d\u0442\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0441\u0430\u043c\u0438, \u043d\u043e \u0432 scalajs-dom \u0443\u0436\u0435 \u0435\u0441\u0442\u044c \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f. \u0412\u043e\u0442 \u043f\u0440\u0438\u043c\u0435\u0440 \u0434\u043b\u044f \u0442\u0435\u0445 \u0447\u0442\u043e \u0445\u043e\u0447\u0435\u0442 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044e \u0441\u0430\u043c:  <\/p>\n<pre><code class=\"scala\">trait Promise[+A] extends js.Object {    @JSName(&quot;catch&quot;)   def recover[B &gt;: A](           onRejected: js.Function1[Any, B]): Promise[Any] = js.native    @JSName(&quot;then&quot;)   def andThen[B](           onFulfilled: js.Function1[A, B]): Promise[Any] = js.native    @JSName(&quot;then&quot;)   def andThen[B](           onFulfilled: js.Function1[A, B],           onRejected: js.Function1[Any, B]): Promise[Any] = js.native } <\/code><\/pre>\n<p>  \u041d\u0443 \u0438 companion object \u0441 \u043c\u0435\u0442\u043e\u0434\u0430\u043c\u0438 \u0432\u0440\u043e\u0434\u0435 <code>Promise.all<\/code>. \u0422\u0435\u043f\u0435\u0440\u044c \u043d\u0430\u043c \u043d\u0430\u0434\u043e \u0442\u043e\u043b\u044c\u043a\u043e \u0440\u0430\u0441\u0448\u0438\u0440\u0438\u0442\u044c \u044d\u0442\u043e\u0442 trait:  <\/p>\n<pre><code class=\"scala\">@JSName(&quot;Promise&quot;) class Promise[+R](     executor: js.Function2[js.Function1[R, Any], js.Function1[Any, Any], Any] )   extends org.scalajs.dom.raw.Promise[R] <\/code><\/pre>\n<p>  \u0418\u0442\u0430\u043a \u0442\u0435\u043f\u0435\u0440\u044c \u043d\u0430\u043c \u043d\u0430\u0434\u043e \u043b\u0438\u0448\u044c \u0441\u043a\u043e\u043d\u0432\u0435\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c <code>Future<\/code> \u0432 <code>Promise<\/code>. \u0421\u0434\u0435\u043b\u0430\u0435\u043c \u044d\u0442\u043e \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e implicit class:  <\/p>\n<pre><code class=\"scala\">object promise {    implicit class JSFutureOps[R: ClassTag, E: ClassTag](f: Future[\\\/[E, R]]) {      def toPromise(recovery: Throwable =&gt; js.Any)                  (implicit ectx: ExecutionContext): Promise[R] =       new Promise[R]((resolve: js.Function1[R, Unit],                       reject: js.Function1[js.Any, Unit]) =&gt; {         f.onSuccess({           case \\\/-(f: R) =&gt; resolve(f)           case -\\\/(e: E) =&gt; reject(e.asInstanceOf[js.Any])         })         f.onFailure {           case e: Throwable =&gt; reject(recovery(e))         }       })   } } <\/code><\/pre>\n<p>  \u0424\u0443\u043d\u043a\u0446\u0438\u044f recovery \u043f\u0440\u0435\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u00ab\u0443\u043f\u0430\u0432\u0448\u0438\u0439\u00bb <code>Future<\/code> \u0432 \u00ab\u0443\u043f\u0430\u0432\u0448\u0438\u0439\u00bb <code>Promise<\/code>. \u041b\u0435\u0432\u0430\u044f \u0441\u0442\u043e\u0440\u043e\u043d\u0430 \u0434\u0438\u0437\u044a\u044e\u043d\u043a\u0446\u0438\u0438 \u0442\u0430\u043a \u0436\u0435 \u00ab\u0440\u043e\u043d\u044f\u0435\u0442\u00bb promise.<\/p>\n<p>  \u0418\u0442\u0430\u043a, \u0442\u0435\u043f\u0435\u0440\u044c \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u043e\u0434\u0435\u043b\u0438\u043c\u0441\u044f \u043d\u0430\u0448\u0438\u043c \u043f\u0440\u043e\u043c\u0438\u0441\u043e\u043c \u0441 \u0434\u0440\u0443\u0437\u044c\u044f\u043c\u0438 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0435\u0440\u0430\u043c\u0438, \u043a\u0430\u043a \u043e\u0431\u044b\u0447\u043d\u043e \u043c\u044b \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u0435\u0433\u043e \u0432 \u043e\u0431\u044c\u0435\u043a\u0442 <code>Github<\/code> \u0440\u044f\u0434\u043e\u043c \u0441 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b\u044c\u043d\u044b\u043c \u043c\u0435\u0442\u043e\u0434\u043e\u043c:  <\/p>\n<pre><code class=\"scala\">def loadUser(login: String): Future[String \\\/ User] = \/\/...  @JSExport(&quot;loadUser&quot;) def loadUserJS(login: String): Promise[User] =   loadUser(login).toPromise(_.getMessage) <\/code><\/pre>\n<p>  \u0417\u0434\u0435\u0441\u044c \u0432 \u0441\u043b\u0443\u0447\u0430\u0435 \u043e\u0448\u0438\u0431\u043a\u0438 \u043c\u044b \u0440\u043e\u043d\u044f\u0435\u043c promise \u0441 \u043e\u0448\u0438\u0431\u043a\u043e\u0439 \u0438\u0437 \u0438\u0441\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f. \u0412\u0441\u0435, \u0442\u0435\u043f\u0435\u0440\u044c \u043c\u043e\u0436\u0435\u043c \u043f\u0440\u043e\u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c API.<\/p>\n<pre><code class=\"javascript\">\/\/ JS Github.loadUser(&quot;vpavkin&quot;)   .then(function (result) {     console.log(&quot;Name: &quot;, result.name);   }, function (error) {     console.log(&quot;Error occured:&quot;, error)   });  \/\/ Name: Vladimir Pavkin <\/code><\/pre>\n<p>  \u041e\u0442\u043b\u0438\u0447\u043d\u043e, \u0442\u0435\u043f\u0435\u0440\u044c \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c Future \u0438 \u0432\u0441\u0435 \u043a \u0447\u0435\u043c\u0443 \u043f\u0440\u0438\u0432\u044b\u043a\u043b\u0438 \u2014 \u0438 \u0432\u0441\u0435-\u0436\u0435 \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0435\u0433\u043e \u043a\u0430\u043a \u0438\u0434\u0438\u043e\u043c\u0430\u0442\u0438\u0447\u043d\u044b\u0439 JS API.<\/p>\n<p>  <b>\u0417\u0430\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0412\u043e\u0442 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0441\u043e\u0432\u0435\u0442\u043e\u0432 \u043f\u043e \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u044e Javascript \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e Scala.js<\/b>  <\/p>\n<ul>\n<li>\u041a\u0435\u0448\u0438\u0440\u0443\u0439\u0442\u0435 \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0435\u043c\u044b\u0435 \u043e\u0431\u044a\u0435\u043a\u0442\u044b \u043f\u0440\u0438 \u0437\u0430\u043f\u0443\u0441\u043a\u0435;<\/li>\n<li>\u042d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0439\u0442\u0435 <a href=\"http:\/\/www.scala-js.org\/doc\/js-interoperability.html\">seamless<\/a> \u0442\u0438\u043f\u044b \u043a\u0430\u043a \u0435\u0441\u0442\u044c;<\/li>\n<li>\u041d\u0435 \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0439\u0442\u0435 <code>Option<\/code>, <code>List<\/code> \u0438 \u0434\u0440\u0443\u0433\u0438\u0435 Scala \u0448\u0442\u0443\u043a\u0438. \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0442\u0435 \u0433\u0435\u0442\u0442\u0435\u0440 \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043a\u043e\u043d\u0432\u0435\u0440\u0442\u0438\u0440\u0443\u0435\u0442 \u0432 <code>js.UndefOr<\/code> and <code>js.Array<\/code>;<\/li>\n<li>\u041d\u0435 \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0439\u0442\u0435 \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440\u044b. \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 JS-friendly \u0444\u0430\u0431\u0440\u0438\u043a\u0438;<\/li>\n<li>JS-friendly \u043e\u0437\u043d\u0430\u0447\u0430\u0435\u0442 \u043f\u0440\u0438\u043d\u044f\u0442\u0438\u0435 <code>js.*<\/code> \u0442\u0438\u043f\u043e\u0432 \u0438 \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u044b\u0432\u0430\u0439\u0442\u0435 \u0438\u0445 \u0432 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0435 \u0442\u0438\u043f\u044b Scala;<\/li>\n<li>\u041f\u043e\u0434\u043c\u0435\u0448\u0438\u0432\u0430\u0439\u0442\u0435 \u0441\u0442\u0440\u043e\u043a\u043e\u0432\u043e\u0435 \u043f\u043e\u043b\u0435 <code>type<\/code> \u0432 \u0442\u0438\u043f\u044b-\u0441\u0443\u043c\u043c\u044b;<\/li>\n<li>\u042d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0439\u0442\u0435 <code>Future<\/code> \u043a\u0430\u043a <code>JS Promise<\/code>;<\/li>\n<li>\u0412 \u043f\u0435\u0440\u0432\u0443\u044e \u043e\u0447\u0435\u0440\u0435\u0434\u044c \u043f\u0438\u0448\u0438\u0442\u0435 \u043d\u0430 Scala. \u041d\u0435 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0438\u0432\u0430\u0439\u0442\u0435 \u0441\u0435\u0431\u044f \u0432 \u0441\u0430\u043c\u043e\u0432\u044b\u0440\u0430\u0436\u0435\u043d\u0438\u0438 \u043a\u0430\u043a Scala-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u044f\u0437\u044b\u043a\u0430 \u043d\u0430 \u043f\u043e\u043b\u043d\u0443\u044e. <\/li>\n<\/ul>\n<p>  \u0422\u0435\u043f\u0435\u0440\u044c \u0432\u044b \u0437\u043d\u0430\u0435\u0442\u0435, \u0447\u0442\u043e \u0432\u0441\u0435 \u044d\u0442\u043e \u043c\u043e\u0436\u043d\u043e \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c.<\/p>\n<p>  \u041a\u043e\u0434 \u043f\u0440\u0438\u043c\u0435\u0440\u043e\u0432 \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u0439\u0442\u0438 \u043d\u0430 GitHub: <a href=\"https:\/\/github.com\/vpavkin\/scalajs-library-tips\">https:\/\/github.com\/vpavkin\/scalajs-library-tips<\/a><\/p>\n<p>  <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/b0d\/e05\/84d\/b0de0584d4f84eaeb5909f2f7316217a.png\" align=\"left\" width=\"100\" height=\"100\"\/><br \/>  <b>\u0412\u043b\u0430\u0434\u0438\u043c\u0438\u0440 \u041f\u0430\u0432\u043a\u0438\u043d<\/b><br \/>  Scala\u2013\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a               <\/p>\n<div class=\"clear\"><\/div>\n<p> \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"http:\/\/habrahabr.ru\/post\/272625\/\"> http:\/\/habrahabr.ru\/post\/272625\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>       Scala.js \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u0435\u0442 \u043e\u0433\u0440\u043e\u043c\u043d\u044b\u0439 \u043c\u0438\u0440 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0439 \u0434\u043b\u044f Scala \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432. \u041e\u0431\u044b\u0447\u043d\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0449\u0438\u0435 Scala.js \u044d\u0442\u043e \u0432\u0435\u0431 \u0438\u043b\u0438 nodejs \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f, \u043d\u043e \u0431\u044b\u0432\u0430\u044e\u0442 \u0441\u043b\u0443\u0447\u0430\u044e \u043a\u043e\u0433\u0434\u0430 \u0432\u0430\u043c \u043f\u0440\u043e\u0441\u0442\u043e \u043d\u0443\u0436\u043d\u043e \u0441\u043e\u0437\u0434\u0430\u0442\u044c JavaScript-\u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443.<\/p>\n<p>  \u0415\u0441\u0442\u044c \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0442\u043e\u043d\u043a\u043e\u0441\u0442\u0438 \u0432 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0442\u0430\u043a\u043e\u0439 Scala.js \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438, \u043d\u043e \u043e\u043d\u0438 \u043f\u043e\u043a\u0430\u0436\u0443\u0442\u0441\u044f \u0437\u043d\u0430\u043a\u043e\u043c\u044b\u043c\u0438 \u0434\u043b\u044f JS \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432. \u0412 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u0435\u0439 \u043c\u044b \u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u043f\u0440\u043e\u0441\u0442\u0443\u044e Scala.js \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443 (<a href=\"https:\/\/github.com\/vpavkin\/scalajs-library-tips\">\u043a\u043e\u0434<\/a>) \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 <a href=\"https:\/\/developer.github.com\/\">Github API<\/a> \u0438 \u0441\u043e\u0441\u0440\u0435\u0434\u043e\u0442\u043e\u0447\u0438\u043c\u0441\u044f \u043d\u0430 \u0438\u0434\u043e\u043c\u0430\u0442\u0438\u0447\u043d\u043e\u0441\u0442\u0438 JS API.<\/p>\n<p>  \u041d\u043e \u0441\u043d\u0430\u0447\u0430\u043b\u0430, \u043d\u0430\u0432\u0435\u0440\u043d\u044f\u043a\u0430 \u0432\u044b \u0445\u043e\u0442\u0438\u0442\u0435 \u0441\u043f\u0440\u043e\u0441\u0438\u0442\u044c, \u0437\u0430\u0447\u0435\u043c \u0432\u043e\u043e\u0431\u0449\u0435 \u043c\u043e\u0436\u0435\u0442 \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u0442\u044c\u0441\u044f \u0434\u0435\u043b\u0430\u0442\u044c \u0442\u0430\u043a\u0443\u044e \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443? \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u0435\u0441\u043b\u0438 \u0443 \u0432\u0430\u0441 \u0443\u0436\u0435 \u0435\u0441\u0442\u044c \u043a\u043b\u0438\u0435\u043d\u0442\u0441\u043a\u043e\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043d\u043e\u0435 \u043d\u0430 JavaScript \u0438 \u043e\u043d\u043e \u043e\u0431\u0449\u0430\u0435\u0442\u0441\u044f \u0441 \u0431\u044d\u043a\u0435\u043d\u0434\u043e\u043c \u043d\u0430 Scala.<\/p>\n<p>  \u0412\u0440\u044f\u0434 \u043b\u0438 \u0443 \u0432\u0430\u0441 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0441\u044f \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u0435\u0435 \u0441 \u0447\u0438\u0441\u0442\u043e\u0433\u043e \u043b\u0438\u0441\u0442\u0430 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e Scala.js, \u043d\u043e \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443 \u0434\u043b\u044f \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u043c\u0435\u0436\u0434\u0443 \u0432\u0430\u043c\u0438 \u0438 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430\u043c\u0438, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u0442:   <\/p>\n<ul>\n<li>\u0441\u043f\u0440\u044f\u0442\u0430\u0442\u044c \u0441\u043b\u043e\u0436\u043d\u0443\u044e \u0438\u043b\u0438 \u043d\u0435\u043e\u0447\u0435\u0432\u0438\u0434\u043d\u0443\u044e \u043a\u043b\u0438\u0435\u043d\u0442\u0441\u0430\u0439\u0434 \u043b\u043e\u0433\u0438\u043a\u0443 \u0432 \u043d\u0435\u0439 \u0438 \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0443\u0434\u043e\u0431\u043d\u043e\u0435 API;<\/li>\n<li>\u0432 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0435 \u0432\u044b \u0441\u043c\u043e\u0436\u0435\u0442\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 \u043c\u043e\u0434\u0435\u043b\u044f\u043c\u0438 \u0438\u0437 backend \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f; <\/li>\n<li>\u0438\u0437\u043e\u043c\u043e\u0440\u0444\u043d\u044b\u0439 \u043a\u043e\u0434 \u0438\u0437 \u043a\u043e\u0440\u043e\u0431\u043a\u0438 \u0438 \u043c\u043e\u0436\u0435\u0442\u0435 \u0437\u0430\u0431\u044b\u0442\u044c \u043f\u0440\u043e \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0441\u0438\u043d\u0445\u0440\u043e\u043d\u0438\u0437\u0430\u0446\u0438\u0438 \u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b\u043e\u0432;<\/li>\n<li>\u0443 \u0432\u0430\u0441 \u0431\u0443\u0434\u0435\u0442 \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0439 API \u0434\u043b\u044f \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432, \u043a\u0430\u043a \u0443 Facebook\u2019s Parse.<\/li>\n<\/ul>\n<p>  \u0422\u0430\u043a\u0436\u0435 \u044d\u0442\u043e \u043e\u0442\u043b\u0438\u0447\u043d\u044b\u0439 \u0432\u044b\u0431\u043e\u0440 \u0434\u043b\u044f \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 Javascript API SDK, \u0431\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u0432\u0441\u0435\u043c \u044d\u0442\u0438\u043c \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430\u043c.<\/p>\n<p>  \u041d\u0435\u0434\u0430\u0432\u043d\u043e \u044f \u0441\u0442\u043e\u043b\u043a\u043d\u0443\u043b\u0441\u044f \u0441 \u0442\u0435\u043c \u0447\u0442\u043e \u0443 \u043d\u0430\u0448\u0435\u0433\u043e REST JSON API \u0434\u0432\u0430 \u0440\u0430\u0437\u043d\u044b\u0445 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u044b\u0445 \u043a\u043b\u0438\u0435\u043d\u0442\u0430, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0438\u0437\u043e\u043c\u043e\u0440\u0444\u043d\u043e\u0439 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u0431\u044b\u043b\u0430 \u0445\u043e\u0440\u043e\u0448\u0438\u043c \u0432\u044b\u0431\u043e\u0440\u043e\u043c.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-269904","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/269904","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=269904"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/269904\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=269904"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=269904"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=269904"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}