JS纯函数概念

JavaScript016

JS纯函数概念,第1张

1、纯函数

2、非纯函数

只需要谨记 reducer 一定要保持纯净。

只要传入参数相同,返回计算得到的下一个 state 就一定相同。

没有特殊情况、没有副作用,没有 API 请求、没有变量修改,单纯执行计算。

这是一个真实的例子,展示了三种最常见的编程范式的差异。我将用三种不同的方式解决一个问题。

每个示例将处理表单提交、验证用户输入并将创建的用户打印到控制台。我还添加了保存错误记录器。

案例表单

简单的 HTML 登录表单,它将包含三个js不同范式的有效文件。

过程化编程

过程式编程只是一步一步地解决问题。这是完全有效的编码方式,但是当您希望应用程序扩展时它有许多缺点。

简单一步一步解决问题。但它根本不可重用和可扩展。尽管它对于解决此类问题完全有效,并且您将看到它比其他问题要短得多。

面向对象编程

面向对象编程 ( OOP ) 是最接近现实世界的,因此很容易让您思考。我们查看将其划分为Object的代码,其中每个都只完成它的工作。在OOP 中学习的有用概念是SOLID。

现在你可以明白我将问题划分为Objects 的意思了:

正如你所看到的,有更多的代码,看起来更复杂……那么为什么有人会喜欢这个?

酷的是,现在我们可以将它用于任何类似的形式,只需调用:

因此,它可以在包含此脚本的每个文件中重复使用。而且它很容易扩展,因为一切都被分成只做一件事的块(单一责任原则)。

函数式编程

非常流行,而且非常简单。请注意,这并不意味着它无论如何都更好。尽管某些范例可能对某些问题更好,但使用哪个完全取决于您。

正如您在 函数式编程 中看到的,我们希望使用小的(理想情况下是纯函数)函数来解决问题。这种方法也非常具有可 扩展性 ,并且函数可以重用。

纯函数是一种没有难以追踪的副作用的函数。纯函数应该只依赖于给定的参数。

结论

没有更好和更坏的范式。有经验的开发人员可以看到每个的优点,并为给定的问题选择最好的。

过程式编程并不是说你不能使用函数,函数式编程也不会阻止你使用“类”。这些范式只是帮助以一种随着代码增长而有益的方式来解决问题。

函数式编程 vs 面向对象编程 vs 过程式编程的JS演示比较 - DEV

其实我也是自学的js

一开始也遇到了同样的问题

别人也给解释了很多,但根本听不懂

前面两个仁兄回答的非常好,简单明了

但这是在我明白这些名词以后看,看得非常清晰

我想,这些解释在我明白以前 是看不懂的

我来解释一下吧:

函数:

js里凡是带有function的都可以叫做函数,函数包括定义函数和执行函数,函数的存在就是为了实现你想干什么,无论你想干什么,都可以先定义一个函数,然后在你想运行的时候运行它。

事件:

你可以简单理解为触发函数的事情,比如你想在点击一个按钮时触发一个函数,那么这个点击就是事件,至于js都有什么事件,你可以查一查,每一个事件都有一个名字(比如点击事件就是onclick)

方法:

其实方法也是函数,只不过对象里的函数就叫方法了。(下面讲对象)

对象:

这个就不太好理解了,我理解他用了N久,直到有一天突然明白了,才发现其实没那么复杂。

对象你可以简单的理解为一个大仓库,里面有各种资源(各种方法——也就是函数,各种定义了这个仓库的属性——比如这个仓库是干什么用的啊)。好了,现在你有一个满载资源的仓库了,当你想做某些事件的时候,你想到了这个仓库里有你想要的资源,那么你就可以调用这个仓库里的资源了,也就是调用这个对象里的方法了。

那你可能要问了,我不用对象也能实现我的目的

其实初学的时候是这样的,但当程序越来越多,越来越复杂的时候,就会用到这些了。

不明白就追问吧,纯手写的。