ECMAScript、Ramda 與 ReasonML 簡單比較

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

内容简介: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 簡單比較》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

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

快速转行做产品经理

快速转行做产品经理

李三科 / 华中科技大学出版社 / 2018-6-1 / 39.90

互联网已经进入以产品为中心的时代,不懂技术一样做高薪产品经理。本书将满足你转行、就业、加薪的愿望。 . 作者李三科,互联网资深产品经理。2011年离开传统销售行业进入互联网行业工作,从对产品经理的工作一无所知,到成长为一名年薪几十万的资深产品经理,他对产品经理职业有着深刻的理解,也积累了丰富的学习、工作经验。本书以作者亲身经历为线索,讲解学习产品经理相关知识和工作方法的经验,同时介绍求......一起来看看 《快速转行做产品经理》 这本书的介绍吧!

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

在线压缩/解压 CSS 代码

URL 编码/解码
URL 编码/解码

URL 编码/解码

SHA 加密
SHA 加密

SHA 加密工具