1-3、什么是函数式编程

“函数式编程”首先要说一点,它是一种很古老的概念,它的历史可以追溯到第一台计算机的诞生。

这么老,为什么还要学?

因为它随着React的流行受到了越来越多的关注,React的生态组件里运用了大量的高阶函数,高阶函数就是函数式编程的一个特性。包括Vue3也开始运用函数式编程。所以你学不学?

网上有太多的帖子来解释这个概念,但大多数帖子的解释都不太好理解。尤其像我这种上岁数的人,完全理解不了。
现在我用最直白的大白话来解释一下它的概念,这要是再看不懂的话。我只能说:永别!!!!!

函数式编程(Functional Programming,FP)是一种编程范式。
编程范式包括:面向过程编程、面向对象编程、函数式编程

三种编程范式是并列关系。所以,三者的区别:
        面向过程按步骤来实现,一步步实现来执行

        面向对象把现实世界中的事物抽象成程序中类和对象,通过封装、继承、多态来演示事物中的联系。
               说白了,就是对现实世界中的事物进行抽象。

        函数式  :把现实世界的事物和事物之间的联系抽象到程序世界中。
               说白了,就是对程序中的运算过程进行抽象。

注意:这里的函数不是function,面是数学中的函数,它是用来描述应射关系的。
比如:y=sin(x)其中sin就是我们的所说的函数,当x已知,就能求出y。

总结:函数式编程是用来描述数据(函数)之间的映射 或者是 对运算过程的抽象,
     并且相同的输入始终要行到相同的输出

代码如下:

// 非函数式
let a = 1;
let b = 1;
let sum = a + b;
console.log(sum);


// 函数式
function add(n1, n2) {
    return n1 + n2;
}
let sum = add(1,2);
console.log(sum)


上边是我们最常见最常用的函数式编程

每天写写博客,果然就是超越自己。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue 3 支持函数式编程的特性,这意味着你可以在 Vue 组件中使用一些函数式编程的概念和技术。下面是一些与函数式编程相关的特性和用法: 1. 纯函数函数式编程鼓励使用纯函数,这意味着函数的输出只依赖于输入,不会对外部环境产生副作用。在 Vue 组件中,你可以将计算属性、过滤器和方法尽量设计成纯函数,以便更好地进行单元测试和调试。 2. 函数组合:Vue 3 提供了 `compose` 函数,它可以将多个函数组合起来,形成一个新的函数。你可以使用 `compose` 来简化复杂的逻辑处理,提高代码的可读性和可维护性。 3. 高阶组件 (Higher-Order Components):在 Vue 3 中,你可以使用函数式组件 (Functional Components) 来定义高阶组件。函数式组件是一种纯函数,接收一个 props 对象作为参数,并返回一个 VNode。通过使用函数式组件,你可以轻松地将一些常见的逻辑和功能封装成可复用的高阶组件。 4. 不可变数据:函数式编程鼓励使用不可变的数据结构,这意味着数据一旦创建就不能被修改。在 Vue 3 中,你可以使用 `ref` 和 `reactive` 来创建响应式的数据,但是不能直接修改它们的值。如果需要修改数据,应该通过使用特定的方法或函数来产生新的数据。 5. 组件复用:函数式编程鼓励组件的复用性,你可以将一些通用的功能封装成可复用的函数或组件,并在不同的地方进行使用。Vue 3 中的函数式组件和高阶组件是实现组件复用的一种方式。 这些是 Vue 3 中支持函数式编程的一些特性和用法,希望对你有所帮助!如果还有其他问题,请继续提问。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值