JavaScript函数式编程之深入理解纯函数

纯函数是函数式编程的基础,需要重点理解。

纯函数的概念:

纯函数是这样一种函数,即相同的输入,永远会得到相同的输出,而且没有任何可观察的副作用。

在说明纯函数的概念之前,先讲两个其他的概念:可变数据类型和不可变数据类型。

我们知道,在JavaScript中,基本数据类型都是不可变的,他们只能被替换,不能被修改。例如当我们在对字符串进行操作的时候,我们并不能改变这个字符串本身。

var str = 'I am hero';
console.log(str.toUpperCase()); // "I AM HERO"
console.log(str);   //"I am hero"

我们能做的只有把返回的新字符串重新赋值给变量。

var str = 'I am hero';
str = str.toUpperCase();    // "I AM HERO"

而引用数据类型都是可变的,存在变量中的仅仅就是一个地址。对于可变特性,facebook的immutable.js做了针对性的强化处理,此外还有clojurescript这样更加彻底的方式。

为什么我要说这两个概念呢?

且不说在JS运行的系统环境中可能会产生副作用,单单看这些可变的数据类型,我们就很难写出全完满足概念要求的纯函数。

所以,在JS中,我们不妨把纯函数换一种方式理解,不要把它当做一个只有“完全满足要求”和“不满足要求”的标准,而要把它想象成一个范围,在这里有高低不同程度的纯函数。

如何理解相同的输入,永远会得到相同的输出

下面例子,全都是在词法作用域中考虑,也就是说不考虑再下次执行之前修改常量这一类的情况。

例一

var a = 5;
function A(b) {
  return a + b;
}
A(5);

A函数是一个纯函数吗?显然非常不纯,在程序执行的过程中,变量a很容易被修改,这就会导致每次调用A(5)的返回值改变。

例二

对例一稍作修改

const a = 5;
function A(b) {
  return a + b;
}
A(5);

这是纯函数,确定的输入,确定的输出。

例三

把例二数字常量换成对象

const obj = {id: 5};
function A(_obj) {
  return _obj.id;
}
A(obj);

函数A基本上是纯函数,为什么说是“基本上”?因为有极端情况如下

var obj = {
  get id() {
    return Math.random();
  }
}

注意,obj在传进函数A之前是确定的,getter是在取值的时候才会执行,但是返回的结果是不确定的,所以这个时候函数A就不是纯函数了。随机数和Date都会造成函数不纯,使用的时候要注意。

除此之外,由于对象是可变数据类型,我们在每次输入变量obj到函数A中时,并不能有绝对的自信会返回固定的值。可对于函数A来说,它只关心传进来的数据是什么,而对于那个数据来说,只要不是上面的极端情况,返回的是确定的值。所以,这个传入对象的情况的纯函数的程度没有例二中的深。

例四

const obj = {a: 5};
function A(b) {
  return obj.a + b;
}
A(5);

这个很明显很不纯,同例一。

例五

对例四稍作修改

const obj = Object.freeze({a: 5});
function A(b) {
  return obj.a + b;
}
A(5);

这样就纯多了,可是需要注意的是,Object.freeze()这个方法无法冻结嵌套的对象,例如

const obj = Object.freeze({a: {a: 5}});
obj.a.a = 10;
function A(b) {
  return obj.a.a + b;
}
console.log(A(5));  // 15,不纯

例六

function foo(x) {
  return bar(x);
}

function bar(y) {
  return y + 1;
}

foo(1);

都纯。

例七

function A(a) {
  return function(b) {
    return a + b;
  }
}
var B = A(5);

函数A和函数B是纯函数吗?首先来看函数A,每次输入一个参数,都会得到一个用这个参数组成的函数,得到的函数是固定的,所以函数A是纯函数;再来看函数B虽然看起来好像使用了一个自己外部的变量a,而且这个变量a可能会经常改变,可是,函数B一定要在调用了函数A之后才能得到,并且得到了之后,变量a是无法改变的,这就很纯了。

即便在返回函数B之前修改了a,例如

例八

function A(a) {
  a = 0;
  return function(b) {
    return a + b;
  }
}
var B = A(5);

结论也是一样的。

可如果这样写

例九

function A(a) {
  return function(b) {
    return a = a + b;
  }
}
var B = A(5);

显然每次调用函数B会得到不同的结果,那么这个时候函数B就不是纯函数了。

以上的例子全部在词法作用域中,这显然不太符合概念中的“永远”两个字,把所有的函数都写成具有“永远”特征的纯函数显然不现实,只要依赖明确且稳定就可以。

相对于上面的众多有依赖例子,下面这样自给自足的纯函数更好,这样的函数,不但共享状态可能会引发的bug完全不用担心,就连词法作用域这样的限制也可以拿掉了,具有更好的可移植性,只不过我们很难把所有的函数都写成这样。

function A(b) {
  return b + 1;
}
A(5);

说到这里,终于把文章开头给出的概念的前半截说完了,后半截还有一个“副作用”,篇幅的关系,下次再讲。

参考资料:

我在github https://github.com/zhuanyongxigua/blog

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,001评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,210评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 161,874评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,001评论 1 291
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,022评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,005评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,929评论 3 416
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,742评论 0 271
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,193评论 1 309
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,427评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,583评论 1 346
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,305评论 5 342
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,911评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,564评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,731评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,581评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,478评论 2 352

推荐阅读更多精彩内容

  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,096评论 1 32
  • 1.ios高性能编程 (1).内层 最小的内层平均值和峰值(2).耗电量 高效的算法和数据结构(3).初始化时...
    欧辰_OSR阅读 29,369评论 8 265
  • 第2章 基本语法 2.1 概述 基本句法和变量 语句 JavaScript程序的执行单位为行(line),也就是一...
    悟名先生阅读 4,145评论 0 13
  • 这是16年5月份编辑的一份比较杂乱适合自己观看的学习记录文档,今天18年5月份再次想写文章,发现简书还为我保存起的...
    Jenaral阅读 2,746评论 2 9
  • 雨天,山顶上更显朦胧。 “你不是说过吗,不再插手江湖事。” “我,最后一次,真的……就剩……” “够...
    翼婳阅读 159评论 0 1