javascript函数式编程

作者: 海娩 | 来源:发表于2017-11-13 20:11 被阅读0次

参考书籍:《javascript 函数式编程》

什么是函数式编程?

函数式编程通过函数将值转换为抽象单元,接着用于构建软件系统。

函数式编程技术有什么?

  • 确定抽象,并为其构建函数
  • 利用已有的函数来构建更为复杂的抽象
  • 通过将现有的函数传给其他的函数来构建更加复杂的抽象

为什么函数式编程很重要?

首先先从面向对象的角度来讲,我们主要目标会将问题分解。如图所示。

将一个问题分解为面向对象的几个部件

把这些对象聚集起来,组合成更大的部件


对象组合起来形成更大的对象

从图中不难看出,里面有很多重复的函数,因为面向对象,所以会着重于解决每个组件里的需求。
相比较而言,严格的函数式编程也会将一个问题分为几部分函数来解决。

将一个问题分解为几个函数式的部分

与面向对象编程类似,函数式编程也通过“黏结”或“组合”其他函数的方式来构建更大的函数,实现更加抽象的行为。


通过函数组合来实现更多的行为

在一个面向对象系统的内部,我们会发现对象之间的交互会引起各个对象内部状态的变化,而整个系统的变化就是由这些状态变化混合来形成的。
相比之下,函数式编程系统则努力减少可见的状态修改

函数式编程以命令的方式构建系统,并通过显性的状态改变缩减到最小来变得更加模块化。实践中的函数式编程不是以消除状态改变为目的,而是将已知系统中突变尽量缩小到最小区域中

以函数为抽象单元

抽象方法是指隐藏了实现细节的函数。

    //未隐藏细节的函数
    function parseAge(age) {
        if (!_.isString(age)) throw new Error('Expecting a string');
        var a;
        console.log("Attempting to parse an age");

        a = parseInt(age, 10);
        if(_.isNaN(a)) {
            console.log(["Could not parse age:", age].join(' '));
            a = 0;
        }
        return a;
    }

    //隐藏细节
    function fail(thing) {
         throw new Error(thing);
    } 

    function warn(thing) {
        console.log(["WARNING", thing].join(' '));
    }

    function note(thing) {
        console.log(["NOTE", thing].join(' '));
    }

    function parseAge(age) {
        if(!_.isString(age)) fail("Expecting a string");
        var a;

        note("Attempt to parse an age");
        a = parseInt(age, 10);

        if(_.isNaN(a)) {
            warn(["Could not parse age:", age].join(' '));
            a = 0;
        }
        return a;
    }

对比上述代码,其实现的功能其实是一样的,不同的是现在报告错误、信息和警告的想法已经被抽象化了。这样在修改输出错误、信息和警告呈现的方式,就不用修改相应的代码行,以及其他地方的类似输出模式,而是直接添加错误函数的参数。

封装和隐藏

在面向对象中,封装是指一种将若干个数据与用来操纵它们的特定操作包装起来的方式。比如说新建一个对象,就可以包含一个数组及操纵这个数组的push、pop方法,这就是封装。
然而,有时在限制元素的可见性时也会用到封装,这个时候就称为数据隐藏,在js中就使用闭包来隐藏数据(闭包有好有坏,使用需慎重,否则很容易把自己搞晕,并且可能会使代码可读性变差。)

以函数为行为单元

就是用函数来进行简单的存储和传递基本行为,函数命名通常会让人一目了然知道该函数得到的结果,发出的行为。比如sort函数,就会知道是分类的函数。

数据抽象

函数式编程旨在用最简单的数据来实现高层级的行为。在代入简单数据后最终实现复杂的行为 。


代入参数x得到各种行为

我们会发现,在处理与人有关的数据时更适合用函数式编程的方式,而面向对象的方法更适合与模拟人。

函数式编程速度。。

在函数式编程中经常会把各种行为抽象出来成为单独的函数,然后再组合起来执行。这样在我们之前讲到的Event loop线程中我们会感动困惑,因为在javascript中那样事件一次一次挂载起来执行的话速度可能会很慢。

嗯,是的,应该是会这样的。因此,在一些把速度作为第一要领比如游戏界面的网站我们会更倾向于使用面向对象编程
然而在一些复杂度较高,项目较为庞大的时候,使用函数式编程则会让我们的代码可读性增强,而且处理数据的时候出错的可能性更低

相关文章

  • JavaScript函数式编程

    读完《JavaScript函数式编程》《JavaScript函数式编程指南》这两本书,对JavaScript函数式...

  • JavaScript函数式编程

    读完《JavaScript函数式编程》《JavaScript函数式编程指南》这两本书,对JavaScript函数式...

  • part1整理

    函数式编程:JavaScript函数式编程指南 异步编程:异步编程 Promise源码 JavaScript基础知...

  • 5.纯函数

    理解JavaScript纯函数 函数式编程中有一个非常重要的概念叫纯函数,JavaScript符合函数式编程的范式...

  • javascript函数式编程

    参考书籍:《javascript 函数式编程》 什么是函数式编程? 函数式编程通过函数将值转换为抽象单元,接着用于...

  • 【JavaScript】技术参考资料

    JS基础、高级、进阶 MDN·JavaScript 函数式编程 阮一峰老师的入门简介: 函数式编程初探、函数式编程...

  • javascript 函数式编程

    1.函数式编程是什么 为什么要函数式编程 我眼中的 JavaScript 函数式编程 2.什么是函数组合 征服 J...

  • 深入理解JavaScript函数式编程

    JavaScript函数式编程 大家都知道JavaScript可以作为面向对象或者函数式编程语言来使用,一般情况下...

  • JavaScript面试:什么是函数组合?

    函数式编程正在占领JavaScript世界。就在几年前,很少有JavaScript程序员甚至不知道什么是函数式编程...

  • Node.js学习(8.5)

    Node.js安装配置 指令式编程思维 顺序 选择 循环 函数式编程思维 函数 抽象化函数 JavaScript语...

网友评论

    本文标题:javascript函数式编程

    本文链接:https://www.haomeiwen.com/subject/lbyvpxtx.html