JavaScript——函数式编程Functor(函子)

简介: JavaScript——函数式编程Functor(函子)

前言

学习笔记输出~

内容

Functor(函子)

什么是函子

容器: 包含值和值的变形关系(函数)

函子: 是一个特殊的容器,通过一个普通的对象来实现,该对象具有map方法,map方法可以运行一个函数对值进行处理(变形关系)

代码演示

代码

代码改造

函数式编程思想避免直接看到new操作,所以对new进行封装

class Container {
   
    static of(value) { 
        return new Container(value)
    }
    
    constructor(value) { 
        this._value = value
    }
    map(fn) { 
        return Container.of(fn(this._value))
    }
}
let r = Container.of(4).map(x => x++).map(x => x * x)
console.log(r)
// => Container { _value: 16 }

总结

  • 函数式编程的运算不直接操作值,而是由函子完成
  • 函子就是一个实现了map契约的对象
  • 我们可以把函子想象成一个盒子,盒子里封装了一个值
  • 想要处理盒子中的值,我们要给盒子的map方法传递一个处理值得函数(纯函数),由这个函数对值进行处理
  • 最终map方法返回一个包含新值得盒子(函子)

MayBe

MayBe函子的作用就是可以对外部的空值情况做处理(控制副作用在允许的范围)

class MayBe { 
    static of(value) { 
        return new MayBe(value)
    }
    constructor(value) { 
        this._value = value
    }
    map(fn) { 
        return this.isNothing() ? MayBe.of(null) : MayBe.of(this._value)
    }
    isNothing() { 
        return this._value === null || this._value === undefined
    }
}
let r = MayBe.of(null).map(x => x.toUpperCase())
console.log(r)

Either

类似于if..else..的处理,异常会让函数变的不纯,Either函子可以用来做异常处理

class Left { 
    static of(value) { 
        return new Left(value)
    }
    constructor(value) { 
        this._value = value
    }
    map(fn) { 
        return this
    }
}
class Right { 
    static of(value) { 
        return new Right(value)
    }
    constructor(value) { 
        this._value = value
    }
    map(fn) { 
        return Right.of(fn(this._value))
    }
}
// let r1 = Right.of(12).map(x => x + 2)
// let r2 = Left.of(12).map(x => x + 2)
// console.log(r1, r2)
function parseJSON (str) { 
    try {
        return Right.of(JSON.parse(str))
     } catch (e) { 
        return Left.of({error: e.message})
    }
}
let r1 = parseJSON('{name: ts}')
console.log(r1)
let r2 = parseJSON('{"name": "ts"}').map(x => x.name.toUpperCase())
console.log(r2)

IO

IO函子中的_value是一个函数,这里将函数作为值来处理

IO函子可以把不纯的动作存储到_value中,延迟执行这个不纯的操作(惰性执行),保证当前的操作都是纯函数

把不纯的操作交给调用者来处理

const fp = require('lodash/fp')
class IO { 
    static of(value) {
        return new IO(function () { 
            return value
        })
     }
    constructor(value) { 
        this._value = value
    }
    map(fn) { 
        return new IO(fp.flowRight(fn, this._value))
    } 
}
let r = IO.of(process).map(p => p.execPath)
// console.log(r)
console.log(r._value())

Task

https://folktale.origamitower.com/

Task函子可以帮我们控制副作用进行异常处理,还可以处理异步任务,因为异步任务会带来回调地狱问题,使用Task函子可以避免出现回调的嵌套;

const fs = require('fs')
const { task } = require('folktale/concurrency/task')
const { split, find } = require('lodash/fp')
function readFile(fileName) { 
    return task(resolver => { 
        fs.readFile(fileName, 'utf-8', (err, data) => { 
            if (err) resolver.reject(err)
            resolver.resolve(data)
        })
    })
}
readFile('package.json')
    .map(split('\n'))
    .map(find(x => x.includes('version')))
    .run()
    .listen({
        onRejected: err => { 
            console.log(err)
        },
        onResolved: value => { 
            console.log(value)
        }
    })

Pointed

Pointed函子是实现了of静态方法的函子

of方法是为了避免使用new来创建对象,更深层的含义是of方法用来把值放到上下文Context(把值放到容器中,使用map来处理值)

class Container {
   
    static of(value) { 
        // 返回的结果就是上下文
        return new Container(value)
    }
    ......
}
let r = Container.of(4)
          .map(x => x++) // 在上下文上处理数据

Monad

Monad函子是可以解决函子嵌套(如: IO(IO(x)))的Pointed函子

一个函子如果具有join和of两个方法并遵守一些定律就是一个Monad

const fp = require('lodash/fp')
const fs = require('fs')
const { log } = require('console')
class IO { 
    static of(value) {
        return new IO(function () { 
            return value
        })
     }
    constructor(fn) { 
        this._value = fn
    }
    map(fn) { 
        return new IO(fp.flowRight(fn, this._value))
    }
    join() { 
        return this._value()
    }
    flatMap(fn) { 
        return this.map(fn).join()
    }
}
let readFile = fileName => { 
    return new IO(() => { 
        return fs.readFileSync(fileName, 'utf-8')
    })
}
let print = x => { 
    return new IO(() => { 
        console.log(x)
        return x
    })
}
let r = readFile('package.json')
    .map(fp.toUpper)
    .flatMap(print)
    .join()
console.log(r);

学无止境,谦卑而行.

目录
相关文章
|
10月前
|
前端开发 JavaScript 数据处理
深入学习JavaScript ES8函数式编程:特性与实践指南
深入学习JavaScript ES8函数式编程:特性与实践指南
73 0
|
4月前
|
前端开发 JavaScript 开发者
函数式编程在JavaScript中的应用
【6月更文挑战第10天】本文探讨了函数式编程在JavaScript中的应用,介绍了函数式编程的基本概念,如纯函数和不可变数据。文中通过示例展示了高阶函数、不可变数据的使用,以及如何编写纯函数。此外,还讨论了函数组合和柯里化技术,它们能提升代码的灵活性和可重用性。掌握这些函数式编程技术能帮助开发者编写更简洁、可预测的JavaScript代码。
|
5月前
|
JavaScript 前端开发
JavaScript 的数组方法 map()、filter() 和 reduce() 提供了函数式编程处理元素的方式
【5月更文挑战第11天】JavaScript 的数组方法 map()、filter() 和 reduce() 提供了函数式编程处理元素的方式。map() 用于创建新数组,其中元素是原数组元素经过指定函数转换后的结果;filter() 则筛选出通过特定条件的元素生成新数组;reduce() 将数组元素累计为单一值。这三个方法使代码更简洁易读,例如:map() 可用于数组元素乘以 2,filter() 用于选取偶数,reduce() 计算数组元素之和。
43 2
|
5月前
|
JavaScript 前端开发 测试技术
JavaScript中的函数式编程:纯函数与高阶函数的概念解析
【4月更文挑战第22天】了解JavaScript中的函数式编程,关键在于纯函数和高阶函数。纯函数有确定输出和无副作用,利于预测、测试和维护。例如,`add(a, b)`函数即为纯函数。高阶函数接受或返回函数,用于抽象、复用和组合,如`map`、`filter`。函数式编程能提升代码可读性、可维护性和测试性,帮助构建高效应用。
|
5月前
|
前端开发 JavaScript 数据处理
深入学习JavaScript ES8函数式编程:特性与实践指南
深入学习JavaScript ES8函数式编程:特性与实践指南
109 0
|
5月前
|
JavaScript 前端开发 索引
JavaScript函数式编程【进阶】
JavaScript函数式编程【进阶】
51 1
|
5月前
|
存储 JavaScript 前端开发
JavaScript函数式编程[入门]
JavaScript函数式编程[入门]
49 1
|
缓存 JavaScript 前端开发
带你读《现代Javascript高级教程》十四、JavaScript函数式编程(1)
带你读《现代Javascript高级教程》十四、JavaScript函数式编程(1)
|
JavaScript 前端开发 测试技术
带你读《现代Javascript高级教程》十四、JavaScript函数式编程(2)
带你读《现代Javascript高级教程》十四、JavaScript函数式编程(2)
|
机器学习/深度学习 JSON JavaScript
【JavaScript】JS 函数式编程入门指南:从概念到实践 (二)
【JavaScript】JS 函数式编程入门指南:从概念到实践 (二)