10 языков, которые компилируются в JavaScript

Одним из особых преимуществ Scala.js является то, что вы можете начать с привычного, объектно-ориентированного подхода и перейти к более функциональному, как вам нужно, и с вашей собственной скоростью, без необходимости выполнять большую работу. Кроме того, существующий код JavaScript и библиотеки совместимы с вашим кодом Scala.

Разработчики Scala для начинающих найдут язык, не сильно отличающийся от JavaScript. Сравните следующий эквивалентный код:

 // JavaScript
var xhr = new XMLHttpRequest();

xhr.open("GET",
  "https://api.twitter.com/1.1/search/" +
  "tweets.json?q=%23scalajs"
);
xhr.onload = (e) => {
  if (xhr.status === 200) {
    var r = JSON.parse(xhr.responseText);
    $("#tweets").html(parseTweets(r));
  }
};
xhr.send();

 // Scala.js
val 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) {
    val r = JSON.parse(xhr.responseText)
    $("#tweets").html(parseTweets(r))
  }
}
xhr.send()

Проверьте Scala.js, начинающую работу с Scala.js документами для получения дополнительной информации.

причина

Reason — это язык, созданный и поддерживаемый Facebook, который предлагает новый синтаксис для компилятора OCaml, и код может быть переведен как в JavaScript, так и в собственный код.

Будучи частью семейства ML и самого функционального языка, он, естественно, предлагает мощную, но гибкую систему типов с логическим выводом, алгебраическими типами данных и сопоставлением с образцом. Он также поддерживает неизменяемые типы данных и параметрический полиморфизм (также известный как универсальные в других языках), но, как и в OCaml, также доступна поддержка объектно-ориентированного программирования.

Использование существующих библиотек JavaScript возможно с привязкой по алфавиту . Вы также можете смешивать JavaScript с вашим кодом Reason. Вставленный код JavaScript не будет строго проверяться, но он отлично работает для быстрых исправлений или прототипов.

Если вы разработчик React, привязки доступны , и язык также поддерживает JSX:

 /* A type variant being pattern matched */

let possiblyNullValue1 = None;
let possiblyNullValue2 = Some "Hello@";

switch possiblyNullValue2 {
| None => print_endline "Nothing to see here."
| Some message => print_endline message
};

/* Parametrized types */

type universityStudent = {gpa: float};
type response 'studentType = {status: int, student: 'studentType};
let result: response universityStudent = fetchDataFromServer ();

/* A simple typed object */

type payload = Js.t {.
  name: string,
  age: int
};
let obj1: payload = {"name": "John", "age": 30};

Посмотрите, как сайт Reason начинает работу с руководством Reason, чтобы узнать больше.

Haxe

Haxe — это язык программирования с несколькими парадигмами, и его компилятор может создавать как двоичные файлы, так и исходный код на других языках.

Хотя Haxe предоставляет систему строгих типов с поддержкой вывода типов, она также может работать как динамический язык, если целевой язык поддерживает его. Точно так же он обеспечивает поддержку различных стилей программирования, таких как объектно-ориентированный, универсальный и функциональный.

Когда вы пишете код Haxe, вы можете использовать несколько платформ и языков для компиляции без значительных изменений. Также доступны целевые блоки кода.

Вы можете написать как серверную часть, так и интерфейсную часть в Haxe с одним и тем же кодом и установить связь с помощью Haxe Remoting как для синхронных, так и для асинхронных соединений.

Как и ожидалось, код Haxe совместим с существующими библиотеками, но он также предоставляет развитую стандартную библиотеку:

 // Example extracted from http://code.haxe.org

extern class Database {
  function new();
  function getProperty<T>(property:Property<T>):T;
  function setProperty<T>(property:Property<T>, value:T):Void;
}

abstract Property<T>(String) {
  public inline function new(name) {
    this = name;
  }
}

class Main {
  static inline var PLAYER_NAME = new Property<String>("playerName");
  static inline var PLAYER_LEVEL = new Property<Int>("playerLevel");

  static function main() {
    var db = new Database();

    var playerName = db.getProperty(PLAYER_NAME);
    trace(playerName.toUpperCase());

    db.setProperty(PLAYER_LEVEL, 1);
  }
}

Посмотрите, как сайт Haxe начинает работу со страницами Haxe, чтобы узнать больше.

Nim

Nim — это типизированный язык программирования с несколькими парадигмами, с минималистским синтаксисом, чувствительным к пробелам, который может компилироваться как в JavaScript, так и в C, C ++.

Сам язык очень мал, но его возможности метапрограммирования делают его привлекательным для реализации функций, которые вы можете найти встроенными в другие языки. Основными блоками для этого являются макросы, шаблоны и обобщения, и с их помощью вы можете реализовывать разные вещи — от простых функций до различных парадигм. Это делает Nim чрезвычайно универсальным языком, который можно адаптировать к вашим потребностям в духе Lisp.

Синтаксическая абстракция Nim позволяет вам адаптировать язык к вашим задачам, делая возможным создание настоящих DSL . Если у вас есть специализированные задачи для решения, вы можете получить более высокий уровень выразительности:

 # Reverse a string
proc reverse(s: string): string =
  result = ""
  for i in countdown(high(s), 0):
    result.add s[i]

var str1 = "Reverse This!"
echo "Reversed: ", reverse(str1)

# Using templates
template genType(name, fieldname: expr, fieldtype: typedesc) =
  type
    name = object
      fieldname: fieldtype

genType(Test, foo, int)

var x = Test(foo: 4566)
echo(x.foo) # 4566

На сайте Nim есть несколько полезных документов по началу работы для получения дополнительной информации.

Вывод

Если JavaScript не ваш любимый язык, вы все равно можете создавать веб-приложения, не испытывая при этом недостатков технологии. Варианты, доступные для создания этих приложений, могут удовлетворить самые разные вкусы: от чисто функциональных языков, таких как PureScript, до объектно-ориентированных, таких как Dart. И если вам нужно нечто большее, чем перевод на язык «один к одному», у вас есть такие опции, как Elm, которые предоставляют вам инструменты, такие как виртуальный DOM и встроенная архитектура.

Вы пробовали какие-либо языки из этой статьи, или у вас есть один, чтобы рекомендовать? Дайте нам знать об этом в комментариях!