JavaScript函数式编程(Functional Programming)声明式与命令式实例分析

什么是函数式编程？

函数式编程(Functional Programming)是一种编程范式，其核心思想是用函数去组织代码，减少对于状态的依赖和改变，强调函数的纯粹性和不可变性，从而实现代码的简洁性、健壮性和可维护性。

声明式编程与命令式编程

命令式编程

命令式编程式编写代码的核心思想是通过对变量的操作来实现目标，以达到特定的状态而不是值为目的。这种编程方式的其实就是一组由一条条命令构成的代码块，其中变量的状态会随着命令的执行发生改变。

命令式编程的优点是思路简单，易于理解和掌握，缺点是实现的代码难以维护，过于依赖状态，难以复用，不易于扩展。

以下是一个示例：

function sum(arr) {
  var total = 0
  for (var i = 0; i < arr.length; i++) {
    total += arr[i]
  }
  return total
}

声明式编程

声明式编程更倾向于描述目标状态应该是怎样的，不在意具体的实现过程。使用这种编程方式的程序代码通常是函数式的，它只关注函数的返回值，而不关心函数本身的实现。

声明式编程的优点是代码清晰易懂，易于维护和复用，容易扩展，缺点是初学者难以理解。

以下是一个示例：

function sum(arr) {
  return arr.reduce(function(a, b) {
    return a + b
  }, 0)
}

声明式编程实例

示例1：用函数式编程方式实现数组去重

const arr = [1, 1, 2, 3, 3, 4, 4]

const unique = arr => Array.from(new Set(arr))

console.log(unique(arr)) //  [1, 2, 3, 4]

以上示例采用了声明式编程方式来实现数组去重，通过 Set 对象来去重，使用 Array.from() 方法来转为新的数组。

示例2：用函数式编程方式实现数组排序

const arr = [3, 1, 4, 5, 2]

const sortArr = arr => arr.sort((a, b) => a - b)

console.log(sortArr(arr)) // [1, 2, 3, 4, 5]

以上示例采用了声明式编程方式来实现数组排序，通过 sort() 方法来实现排序，其中通过 a - b 来排序。

总结

声明式编程与命令式编程是两种不同的编程范式，其核心思想和编写方式都不同。如何选择，请根据实际情况来进行选择，综合考虑代码的可维护性、可读性、可扩展性等方面来进行选择。