JavaScript 函数式编程读书笔记1
概述
这是我读《javascript函数式编程》的读书笔记,供以后开发时参考,相信对其他人也有用。
说明:虽然本书是基于underscore.js库写的,但是其中的理念和思考方式都讲的很好,值得一读。不过如果不熟悉underscore.js库的话,读起来会有点困难。
从一段代码说起
由于parsInt函数有2个参数,所以下面的代码会得出意想不到的结果:
[3.5, 5.3, 9.8, 13.4, 16.9].map(parseInt);
//输出 [3, NaN, NaN, 1, 1]
原因是map里面的函数可以带有3个参数,第一个是值,第二个是index,第三个是map方法的调用者。
所以如果要对数组的每一个元素取整要怎么做呢?一个方法是把parseInt封装起来,实例如下:
const curry1 = func => (x) => func(x);
[3.5, 5.3, 9.8, 13.4, 16.9].map(curry1(parseInt));
//输出: [3, 5, 9, 13, 16]
这种以函数为一等公民的编程就是函数式编程。其中curry1接受一个函数参数,并且返回一个函数,这样的函数称为高阶函数。谷歌的闭包编译器能够极大的优化函数式编程的代码。
函数式编程
什么是函数式编程?
- 一个对“存在”的抽象函数的定义。
- 一个建立在存在函数之上的,对“真”的抽象函数的定义。
- 通过其它函数来使用上面两个函数,以实现更多的行为。
//对“存在”的定义
function existy(x) { return x!= null; }
//对“真”的定义
function truthy(x) { return (x !== false) && existy(x); }
动态作用域
js中的this引用的就是动态作用域,在不同的函数中,被不同的对象调用,它所指向的对象不同。它是通过apply和call直接操作的,比如如下代码:
const banana = 'banana';
function returnThis() {
return this;
}
returnThis.apply(banana); //输出'banana'
returnThis.call(banana); //输出'banana'
但是在事件中,常常会丢失this,所以我们用bind来绑定this到当前作用域。
const bindThis = returnThis.bind(banana);
bindThis(); //输出'banana'
值得注意的是,bind是惰性的,不像apply或者call那样会立即执行函数。另外,bind还可以用来制造柯里化:
function add(x, y) {
return x + y;
}
const add3 = add.bind(null, 3);
add3(7); //输出10
函数作用域
函数作用域会隐式地把var声明移到函数的顶部,这样做的意义是,函数内定义的变量对函数内任何一段代码都是可见的。
接下来我们来展示,如何用this这个动态作用域来模拟函数作用域。技巧在于用call或者apply绑定函数的作用域。
function f() {
this['a'] = 200;
return this['a'] + this['b'];
}
var global = {'b': 2};
f.call({ ...global }); //输出202
global; //输出{'b': 2}
可以看到,我们复制了一份当前的作用域,并且把它传给了f函数,这样f函数可以调用外部作用域的变量,并且不会污染外部作用域。
这其实就是函数作用域的深层机制。
闭包
这个观点非常有趣:闭包背后的原理是,如果一个函数包含内部函数,那么它们都可以看到其中声明的变量,这些变量被称为“自由变量”。这些变量可以被内部函数“捕获”,然后从renturn中实现“越狱”,以供以后使用。
值得一提的是,利用闭包可以捕获的不仅仅是变量,参数甚至是函数都可以被捕获。
既然闭包捕获了变量,参数或者函数,那么如果在闭包捕获他们之后,他们的值发生了改变,闭包里面的捕获的值会跟着改变吗?我们来看看下面的代码:
function complement(func) {
return function() {
return !func.apply(null, arguments);
}
}
function isEven(n) { return (n%2) === 0}
const isOdd = complement(isEven);
isOdd(23); //输出true
isOdd(24); //输出false
//改变isEven函数
function isEven(n) { return false}
//isOdd不变
isOdd(23); //输出true
isOdd(24); //输出false
上面这段代码表明,捕获的函数不会改变。如果捕获的是变量呢?
var a = 2;
function f(x) {
return function() {
return x;
}
}
var g = f(a);
g(); //输出2
a = 5;
g(); //输出2
var b = {c:3};
var h = f(b);
h(); //输出{c:3}
b.c = 5;
h(); //输出{c:5}
从上面的代码可以看出,如果捕获的是基本类型变量,则不会改变;如果捕获的是对象,那么会改变。
思考一下原因。其实闭包捕获的是函数作用域,而根据上面函数作用域的讨论,函数作用域会把外部作用域和内部作用域的变量浅复制一遍,所以出现了上面的情况。
JavaScript 函数式编程读书笔记1的更多相关文章
- JavaScript 函数式编程读书笔记2
概述 这是我读<javascript函数式编程>的读书笔记,供以后开发时参考,相信对其他人也有用. 说明:虽然本书是基于underscore.js库写的,但是其中的理念和思考方式都讲的很好 ...
- Node.js高级编程读书笔记Outline
Motivation 世俗一把,看看前端的JavaScript究竟能做什么. 顺便检验一下自己的学习能力. Audience 想看偏后台的Java程序员关于前端JavaScript的认识的职业前端工程 ...
- 转:JavaScript函数式编程(三)
转:JavaScript函数式编程(三) 作者: Stark伟 这是完结篇了. 在第二篇文章里,我们介绍了 Maybe.Either.IO 等几种常见的 Functor,或许很多看完第二篇文章的人都会 ...
- 转: JavaScript函数式编程(二)
转: JavaScript函数式编程(二) 作者: Stark伟 上一篇文章里我们提到了纯函数的概念,所谓的纯函数就是,对于相同的输入,永远会得到相同的输出,而且没有任何可观察的副作用,也不依赖外部环 ...
- 转:JavaScript函数式编程(一)
转:JavaScript函数式编程(一) 一.引言 说到函数式编程,大家可能第一印象都是学院派的那些晦涩难懂的代码,充满了一大堆抽象的不知所云的符号,似乎只有大学里的计算机教授才会使用这些东西.在曾经 ...
- python高级编程读书笔记(一)
python高级编程读书笔记(一) python 高级编程读书笔记,记录一下基础和高级用法 python2和python3兼容处理 使用sys模块使程序python2和python3兼容 import ...
- C++Windows核心编程读书笔记
转自:http://www.makaidong.com/%E5%8D%9A%E5%AE%A2%E5%9B%AD%E6%96%87/71405.shtml "C++Windows核心编程读书笔 ...
- 一文带你了解JavaScript函数式编程
摘要: 函数式编程入门. 作者:浪里行舟 Fundebug经授权转载,版权归原作者所有. 前言 函数式编程在前端已经成为了一个非常热门的话题.在最近几年里,我们看到非常多的应用程序代码库里大量使用着函 ...
- javascript函数式编程和链式优化
1.函数式编程理解 函数式编程可以理解为,以函数作为主要载体的编程方式,用函数去拆解.抽象一般的表达式 与命令式相比,这样做的好处在哪?主要有以下几点: (1)语义更加清晰 (2)可复用性更高 (3) ...
随机推荐
- 去BAT,你应该要看一看的面试经验总结(转)
来源微信公众号『easyserverdev』 http://mp.weixin.qq.com/s/UZljzFMjobo1wzCguY7NDg 说下我的面试经验吧,都是亲身经历,不喜勿喷: 我去年12 ...
- 应用脚手架创建一个React项目
安装脚手架,这里会自动安装到你的nodejs里面 npm install create-react-app -g 进入创建目录 我这里创建一个为 react03的项目,等待下载..... create ...
- python,关于用户登录与注册问题
tag=Truecount=1while tag: name = input('请输入用户名>>:').strip() password = input('请输入密码>>:') ...
- C++ 实现 split 操作
理由:由于 C++ 标准库里面没有字符分割函数 split ,这可太不方便了,我们利用 STL 来实现自己的 split 函数: 原型:vector<string> split(const ...
- sh 了解
shell 脚本中 `dirname $0` 在命令行状态下单纯的执行时没有意义的,因为他返回当前路径的“.”. 在脚本中他返回这个脚本文件放置的目录,并可以根据这个目录来定位所要运行的程序的相对位置 ...
- 深度学习项目——基于卷积神经网络(CNN)的人脸在线识别系统
基于卷积神经网络(CNN)的人脸在线识别系统 本设计研究人脸识别技术,基于卷积神经网络构建了一套人脸在线检测识别系统,系统将由以下几个部分构成: 制作人脸数据集.CNN神经网络模型训练.人脸检测.人脸 ...
- 远程连接ORACLE服务
远程服务端操作系统: Windows Server 2003 Enterprise Edition sp2ORACLE 版本: Oracle 9.2.0.1.0 正式版 本地客户端操作系统: Wind ...
- node.js 使用 net 模块模拟 websocket 握手,进行数据传递。
websocket 是一种让浏览器与服务器之间建立持久的连接,并能进行双向数据传输的一种协议. websocket 属性应用层协议,基于tcp传输协议,并复用http的握手通道. 一.如何进行webs ...
- 2018-2019-2 20175234 实验一 Java开发环境的熟悉(Linux + IDEA)
目录 20175234 实验一 Java开发环境的熟悉(Linux + IDEA) 第一部分 代码及运行结果截图 第二部分 要求 代码及截图 第三部分 题目 需求分析 设计 程序及运行结果 问题和解决 ...
- java 大任务分解成小任务 fork/join
https://blog.csdn.net/weixin_41404773/article/details/80733324目标求 0+1+2+3+4+5+....+1000 初始 start=0 , ...