> 웹 프론트엔드 > JS 튜토리얼 > 10가지 흥미로운 JavaScript 스크립팅 언어

10가지 흥미로운 JavaScript 스크립팅 언어

小云云
풀어 주다: 2017-12-05 10:35:11
원래의
4390명이 탐색했습니다.

우리 모두는 JavaScript가 모든 작업에 가장 적합한 언어는 아니며 복잡한 애플리케이션의 경우 적합하지 않을 수 있다는 것을 알고 있습니다. 이 문제를 피하기 위해 몇 가지 새로운 언어와 기존 언어의 변형이 만들어졌으며, 모두 JavaScript 코드를 작성하거나 언어의 한계를 고려하지 않고도 브라우저에서 실행할 수 있는 코드를 생성합니다.

Dart는 모든 것이 객체이고 모든 객체가 클래스의 인스턴스인 고전적인 객체 지향 언어입니다(객체는 함수로 작동할 수도 있음). 이는 브라우저, 서버 및 모바일 장치용 애플리케이션 구축을 위해 특별히 설계되었습니다. 이는 Google에서 유지 관리하며 Google의 수익을 창출하는 가장 중요한 제품인 AdWords의 차세대 사용자 인터페이스를 구동하는 언어이며, 이는 그 자체로 규모에 대한 강력한 힘을 입증합니다.

언어는 브라우저에서 사용하기 위해 JavaScript로 번역되거나 Dart VM에서 직접 해석 및 실행될 수 있으며 이를 통해 서버 애플리케이션을 구축할 수도 있습니다. Flutter SDK를 사용하여 모바일 앱을 만들 수 있습니다.

복잡한 애플리케이션에는 해당 작업을 위해 특별히 설계된 성숙한 라이브러리 및 언어 기능 세트가 필요하며 Dart에는 이러한 모든 기능이 포함되어 있습니다. 인기 있는 라이브러리의 예로는 Angular의 Dart 버전인 AngularDart가 있습니다.

너무 방해받지 않고 유형이 안전한 코드를 작성할 수 있습니다. 유형을 작성할 수 있지만 추론할 수 있기 때문에 그럴 필요는 없습니다. 이를 통해 세부 사항을 지나치게 생각하지 않고도 빠른 프로토타입을 만들 수 있지만 일단 프로토타입이 작동하면 유형을 추가하여 더욱 강력하게 만들 수 있습니다.

가상 머신의 동시 프로그래밍과 관련하여 Dart는 공유 메모리 스레드(Dart는 단일 스레드) 대신 자체 메모리 힙과 함께 소위 Isolates를 사용하여 메시지를 사용하여 통신합니다. 브라우저에서 이 이벤트는 약간 다릅니다. 새 격리를 만드는 대신 새 Workers 를 만듭니다.

// Example extracted from dartlang.org

import 'dart:async';
import 'dart:math' show Random;

main() async {
  print('Compute π using the Monte Carlo method.');
  await for (var estimate in computePi()) {
    print('π ≅ $estimate');
  }
}

/// Generates a stream of increasingly accurate estimates of π.
Stream<double> computePi({int batch: 1000000}) async* {
  var total = 0;
  var count = 0;
  while (true) {
    var points = generateRandom().take(batch);
    var inside = points.where((p) => p.isInsideUnitCircle);
    total += batch;
    count += inside.length;
    var ratio = count / total;
    // Area of a circle is A = π⋅r², therefore π = A/r².
    // So, when given random points with x ∈ <0,1>,
    // y ∈ <0,1>, the ratio of those inside a unit circle
    // should approach π / 4. Therefore, the value of π
    // should be:
    yield ratio * 4;
  }
}

Iterable<Point> generateRandom([int seed]) sync* {
  final random = new Random(seed);
  while (true) {
    yield new Point(random.nextDouble(), random.nextDouble());
  }
}

class Point {
  final double x, y;
  const Point(this.x, this.y);
  bool get isInsideUnitCircle => x * x + y * y <= 1;
}
로그인 후 복사

Dart 사용 시작

TypeScript

TypeScript는 JavaScript의 상위 집합입니다. 유효한 JavaScript 프로그램도 유효한 TypeScript 프로그램이지만 후자는 정적 입력을 추가합니다. 컴파일러는 ES2015+에서 현재 구현으로의 변환기 역할도 할 수 있으므로 항상 최신 기능을 얻을 수 있습니다.

다른 많은 언어와 달리 TypeScript는 JavaScript의 정신을 그대로 유지하고 코드의 안정성을 향상시키는 기능만 추가합니다. 이는 리팩토링 프로세스를 지원하는 정적 분석기와 같은 특수 도구를 사용함으로써 JavaScript 작성을 더욱 즐겁게 만드는 기타 유형 관련 기능과 함께 유형 주석입니다. 또한 유형을 추가하면 애플리케이션의 다양한 구성 요소 간의 인터페이스가 향상됩니다.

유형 추론이 지원되므로 처음부터 모든 유형을 작성할 필요가 없습니다. 빠른 솔루션을 작성한 다음 모든 유형을 추가하여 코드에 대한 자신감을 얻을 수 있습니다.

TypeScript는 교차 유형, 통합 유형, 유형 별칭, 구별된 통합 및 유형 가드와 같은 고급 유형도 지원합니다. TypeScript 설명서 사이트의 고급 유형 페이지에서 이러한 유형을 모두 볼 수 있습니다.

React를 사용하는 경우 React 유형을 추가하여 JSX를 지원할 수도 있습니다.

class Person {
    private name: string;
    private age: number;
    private salary: number;

    constructor(name: string, age: number, salary: number) {
        this.name = name;
        this.age = age;
        this.salary = salary;
    }

    toString(): string {
        return `${this.name} (${this.age}) (${this.salary})`;
    }
}
로그인 후 복사

Elm은 JS, HTML 및 CSS로 컴파일되는 순수 기능형 프로그래밍 언어입니다. Elm만 사용하여 전체 사이트를 구축할 수 있습니다. 이는 React와 같은 JavaScript 프레임워크에 대한 훌륭한 대안이 됩니다. 이를 통해 구축된 애플리케이션은 가상 DOM 라이브러리를 자동으로 사용하므로 속도가 매우 빠릅니다. 가장 큰 장점 중 하나는 내장된 아키텍처로, 이를 통해 데이터 흐름을 잊고 데이터 선언 및 논리에 집중할 수 있습니다.

Elm에서는 모든 함수가 순수합니다. 즉, 주어진 입력에 대해 항상 동일한 출력을 반환한다는 의미입니다. 귀하가 지정하지 않는 한 그들은 다른 어떤 것도 할 수 없습니다. 예를 들어, 원격 API에 액세스하려면 외부 세계와 통신하기 위한 command(명령) 함수와 응답을 수신하기 위한 subscription(구독) 함수를 생성합니다. 또 다른 순수함의 포인트는 값이 불변이라는 것입니다. 필요한 것이 있을 때 오래된 값을 수정하는 대신 새로운 값을 생성합니다.

Elm 채택은 점진적일 수 있습니다. ports는 JavaScript 및 기타 라이브러리와 통신하는 데 사용될 수 있습니다. Elm은 아직 버전 1에 도달하지 않았지만 복잡하고 대규모 애플리케이션에 사용되고 있어 복잡한 애플리케이션에 실행 가능한 솔루션이 되었습니다.

Elm의 가장 매력적인 기능 중 하나는 읽기 어려운 메시지를 생성하는 대신 코드를 수정하는 데 도움이 되는 코드를 생성하는 초보자 친화적인 컴파일러입니다. 언어를 배우고 있다면 컴파일러 자체가 큰 도움이 될 수 있습니다.

module Main exposing (..)

import Html exposing (..)


-- MAIN


main : Program Never Model Msg
main =
    Html.program
        { init = init
        , update = update
        , view = view
        , subscriptions = subscriptions
        }



-- INIT


type alias Model = String


init : ( Model, Cmd Msg )
init = ( "Hello World!", Cmd.none )


-- UPDATE


type Msg
    = DoNothing


update : Msg -> Model -> ( Model, Cmd Msg )
update msg model =
    case msg of
        DoNothing ->
            ( model, Cmd.none )


-- VIEW


view : Model -> Html Msg
view model =
    p [] [text model]


-- SUBSCRIPTIONS


subscriptions : Model -> Sub Msg
subscriptions model =
    Sub.none
로그인 후 복사

Elm 사용 시작

PureScript

PureScript는 Phil Freeman이 만든 순수 기능적이고 강력한 형식의 프로그래밍 언어입니다. Haskell과 유사하지만 JavaScript의 핵심을 유지하는 사용 가능한 JavaScript 라이브러리와의 강력한 호환성을 제공하는 것을 목표로 합니다.

PureScript 的一个强项是它的极简主义。它不包括在其他语言中被认为是必需的功能的任何库。例如,不是编译器本身包含生成器和 promises,而是你可以使用特定的库来完成任务。你可以为所需功能选择想要的实现,这样可以在使用 PureScript 时实现高效和个性化的体验,同时保持生成的代码尽可能小。

其编译器的另一个显著特征就是能够在保持与 JavaScript 的兼容性的同时, 用库和工具生成整洁和可读的代码。

像其他语言一样,PureScript 有自己的构建工具叫做 Pulp,可以与 Gulp 进行比较, 但是用于以这种语言编写的项目。

关于类型系统,与 Elm不同,即另一种 ML 式的语言,PureScript 支持高级类型的功能,如取自 Haskell 的 higher-kinded types(高级类类型) 以及 type classes(类型类), 从而允许创建复杂的抽象。

module Main where

import Prelude
import Data.Foldable (fold)
import TryPureScript

main =
    render $ fold
      [ h1 (text "Try PureScript!")
      , p (text "Try out the examples below, or create your own!")
      , h2 (text "Examples")
      , list (map fromExample examples)
      ]
  where
    fromExample { title, gist } =
      link ("?gist=" <> gist) (text title)

    examples =
      [ { title: "Algebraic Data Types"
        , gist: "37c3c97f47a43f20c548"
        }
      , { title: "Loops"
        , gist: "cfdabdcd085d4ac3dc46"
        }
      , { title: "Operators"
        , gist: "3044550f29a7c5d3d0d0"
        }
      ]
로그인 후 복사

 

开始使用 PureScript

CoffeeScript

CoffeeScript 是一种语言,旨在公开 JavaScript 的良好部分,同时提供更整洁的语法并保留语义。虽然该语言的流行度近年来一直在减弱,但它正在改变方向,现在正在获得一个新的主要版本,为 ES2015+ 的功能提供支持。

你用 CoffeeScript 编写的代码被直接翻译为可读的 JavaScript 代码,并保持与现有库的兼容性。从版本 2 开始,编译器将产生与最新版本的 ECMAScript 兼容的代码。例如,每次你使用一个类,你就获得一个 JavaScript 类。另外,如果你使用 React,也有好消息: JSX 与 CoffeeScript 兼容。

以上内容介绍了10个有趣的语言,这些语言都可以转换成JavaScript代码在浏览器中执行,也可以在Node.js这样的平台上执行。希望能帮助到大家。

相关推荐:

如何用php传递数组给js脚本

JavaScript实现浏览器用户代理检测脚本的方法详解

JavaScript中关于表单脚本的实用技巧

위 내용은 10가지 흥미로운 JavaScript 스크립팅 언어의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿