函数式编程与闭包，大厂Offer拿到手软啊_大厂函数式编程框架-CSDN博客

本文链接：https://blog.csdn.net/m0_61549591/article/details/137253856

函数式编程可以抛弃this。

很多同学在学习js前都接触过面向对象的语言，比如：java、c#、c++等等，所以在学习js时我们大都是从面向对象开始学习的，我们会学习原型、原型链、模拟继承来实现面向对象的一些特性,当然我们在学习中也会遇到烦人的this，在使用的过程中我们肯定也遇到过很多各种各样的问题，我们在使用js模拟面向对象是也非常的痛苦，那之后我们可以使用函数式编程，使用它我们甚至可以抛弃烦人的this

打包过程中可以更好的利用tree shaking过滤无用代码
方便测试，方便并行处理
有很多库可以帮助我们进行函数式开发：lodash、underscore、ramda

什么是函数式编程

==================================================================

函数式编程(Functional Programming,FP) FP是编程范式之一，他和面向对象编程是并列的关系，函数式编程我们可以认为是一种思维的方法，加上他的实现方法，我们常听说的编程范式还有面向过程编程、面向对象编程。

面向过程其实就是现实世界的处理方式，一步一步的按照步骤来实现

面向对象编程的思维方式：把现实世界中的事物抽象成程序世界中的类和对象，通过封装、继承和多态来演示事物事件的联系
函数式编程的思维方式：把现实世界的事物和事物之间的联系抽象到程序世界(对运算过程进行抽象)
程序的本质：根据输入通过某种运算获得相应的输出，程序开发过程中会涉及很多有输入和输出的函数
x --> f(联系、映射) -> y; y = f(x)
函数式编程中的函数指的不是程序中的函数(方法)，而是数学中的函数即映射关系，例如：y = sin(x)，x和y的关系
相同的输入始终要得到相同的输出(纯函数)
函数式编程用来描述数据(函数)之间的映射

// 非函数式 — 面向过程编程方式

let num1 = 2

let num2 = 3

let sum = num1 + num2

console.log(sum)

// 函数式

function add (n1, n2) {

return n1 + n2

}

let sum = add(2,3)

console.log(sum)

从代码我们可以看出函数式编程提高了我们的代码重用性，而且在我们的编程中，将多个函数组合在一块可以组合出一个功能更强大的函数，这是非函数式编程所欠缺的

前置知识

==============================================================

函数是一等公民
高阶函数
闭包

函数是一等公民

MDN First-class Function （在以下三点解释）

* 函数可以存储在变量中

* 函数作为参数

* 函数作为返回值

在js中函数就是一个普通的对象(可以通过new Function())，我们可以把函数存储到变量/数组中，它还可以作为另一个函数的参数和返回值，甚至我们可以在程序运行的时候通过new Function(‘alert(1)’)来构造一个新的函数。

把函数赋值给变量

// 把函数赋值给变量

let fn = function(){

console.log(‘hello world’)

};

fn();

// 一个示例

const BlogController = {

index (posts) { return Views.index(posts) },

show (post) { return Views.show(post) },

create (attrs) { return Db.create(attrs) },

update (post, attrs) { return Db.update(post, attrs) },

destroy (post) { return Db.destroy(post) },

}

// 如果我们将来遇到一个函数包裹一个函数，而且它的形式也相同时，我们可以认为，这是两个一样的函数，那我们就可以把这段代码进行一点精简，我们可以看到index和其内部的Views.index是一样的，所以我们可以把Views.index赋值给index，注意，我们是将一个方法或者函数赋值给另一个方法，不是把函数的调用赋值给另一个方法

// 当我们改造完成后，代码量将减少很多，功能也完全一样，这里我们就用到了将一个函数或者方法赋值给另一个函数或者方法

// 优化

const BlogController = {

index: Views.index,

show: Views.show,

create: Db.create,

update: Db.update,

destroy: Db.destroy

}