ECMAScript、Ramda 與 ReasonML 簡單比較

栏目: JavaScript · 发布时间: 6年前

内容简介:ReasonML 與 Ramda 都試圖以 FP 改造 ECMAScript,前者是以 Static Type Language 編譯成 JS,後者則以 Library 掛在 JS 之上,本文以簡單範例初步比較三者差異。VS Code 1.34.0Quokka 1.0.219

ReasonML 與 Ramda 都試圖以 FP 改造 ECMAScript,前者是以 Static Type Language 編譯成 JS,後者則以 Library 掛在 JS 之上,本文以簡單範例初步比較三者差異。

Version

VS Code 1.34.0

Quokka 1.0.219

Ramda 0.26.1

ReasonML 3.0.4

BuckleScript 3.1.0

ECMAScript

let data = [
  { title: "FP in JavaScript", price: 100 },
  { title: "RxJS in Action", price: 200 },
  { title: "Speaking JavaScript", price: 300 }
];

// fn :: Number -> [a] -> [a]
let fn = price => arr => arr
  .filter(x => x.price === price)
  .map(x => x.title)

fn(300)(data); //?
  • ECMAScript 若要支援 currrying,要以兩個 => 完成

  • ECMAScript 若要將 filter()map() 串起來,要以 OOP 的 method chaining

  • ECMAScript 為 dynamic type language,因此只能自己加上 type signature

ECMAScript、Ramda 與 ReasonML 簡單比較

Ramda

import { pipe, filter, map, prop, propEq } from 'ramda';

let data = [
  { title: "FP in JavaScript", price: 100 },
  { title: "RxJS in Action", price: 200 },
  { title: "Speaking JavaScript", price: 300 }
];

// fn :: Number -> [a] -> [a]
let fn = price => pipe(
  filter(propEq('price', price)),
  map(prop('title'))
);

fn(300)(data); //?
  • Ramda 以 pipe()filter()map() 串起來,且順便 point-free 把 arr parameter 省下來,也同時支援 currying
  • filter()map() 的 callback 可用 propEq()prop() 產生 arrow function,連 callback 也 point-free
  • 需要將 Ramda 所使用的 function 一一 import 進來
  • Ramda 只能自己加上 type signature

ECMAScript、Ramda 與 ReasonML 簡單比較

ReasonML

type book = {
  title: string,
  price: int
};

let data = [
  { title: "Fp in JavaScript", price: 100 },
  { title: "RxJS in Action", price: 200 },
  { title: "Speaking JavaScript", price: 300 }
];

let fn = (price, arr) => arr
  |> List.filter(x => x.price == price) 
  |> List.map(x => x.title) 
  |> Array.of_list

fn(300, data) |> Js.log
  • ReaonML 為 static type language,因此要使用 type 宣告 record,可以想成是強型別 object,因此 data 型別為 list(book)
  • ReasonML 支援 auto currying,使用單一 => 即可
  • ReasonML 支援 |> operator,不需使用 pipe() function
  • ReasonML 對於 module 不是使用 import 而是直接使用,因此為 List.filter()List.map()
  • Array.of_list() 不是 camelCase,因為是 OCaml 的 function
  • Js.log() 為 BuckleScript 所提供,相當於 JS 的 console.log()
  • ReasonML 支援 type inference,可自行推導出 type signature

ECMAScript、Ramda 與 ReasonML 簡單比較


以上所述就是小编给大家介绍的《ECMAScript、Ramda 與 ReasonML 簡單比較》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

计算机组成(第 6 版)

计算机组成(第 6 版)

Andrew S. Tanenbaum、Todd Austin / 刘卫东、宋佳兴 / 机械工业出版社 / 2014-8-19 / CNY 99.00

本书采用结构化方法来介绍计算机系统,书的内容完全建立在“计算机是由层次结构组成的,每层完成规定的功能”这一概念之上。作者对本版进行了彻底的更新,以反映当今最重要的计算机技术以及计算机组成和体系结构方面的最新进展。书中详细讨论了数字逻辑层、微体系结构层、指令系统层、操作系统层和汇编语言层,并涵盖了并行体系结构的内容,而且每一章结尾都配有丰富的习题。本书适合作为计算机专业本科生计算机组成与结构课程的教......一起来看看 《计算机组成(第 6 版)》 这本书的介绍吧!

HTML 压缩/解压工具
HTML 压缩/解压工具

在线压缩/解压 HTML 代码

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具