ECMAScript、Ramda 與 ReasonML 簡單比較

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

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

查看所有标签

猜你喜欢:

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

Web开发秘方

Web开发秘方

Brian P. Hogan、Chris Warren、Mike Weber、Chris Johnson、Aaron Godin / 七印部落 / 华中科技大学出版社 / 2013-7-10 / 66.00元

猜猜硅谷的前端工程师怎么折腾JS的?想知道无限下拉的列表怎么做吗?你知道DropBox可以当Web服务器用吗?你知道怎么做出跨平台的幻灯片效果吗?不借助插件,怎样在移动设备上实现动画效果?怎样快速搭建和测试HTML电子邮箱?怎样制作跨PC和移动设备显示的应用界面?怎样利用最新的JavaScript框架(Backbone和Knockout)提高应用的响应速度?怎样有效利用CoffeeScript和S......一起来看看 《Web开发秘方》 这本书的介绍吧!

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具

在线进制转换器
在线进制转换器

各进制数互转换器

RGB HSV 转换
RGB HSV 转换

RGB HSV 互转工具