JavaScript函数式编程：使用Underscore统一Object与Array操作

JavaScript函数式编程与原生限制

JavaScript作为一门函数式编程语言，原生支持高阶函数与闭包特性。借助这些特性，开发者能够编写出极为简洁的代码。以Array对象的map()和filter()方法为例，它们提供了强大的数据处理能力。

'use strict';
var a1 = [1, 4, 9, 16];
var a2 = a1.map(Math.sqrt); // [1, 2, 3, 4]
var a3 = a2.filter((x) => { return x % 2 === 0; }); // [2, 4]

然而，现实开发中常遇到两个问题：首先，原生Array拥有map()和filter()方法，但Object类型并未内置这些方法；其次，IE6至IE8等低版本浏览器也不支持这些现代API。面对此类兼容性缺失与类型限制，该如何解决？

第一种解决思路是手动扩展原型链。开发者可以将这些方法添加到Array.prototype中，并进一步为Object.prototype添加mapObject()等类似功能的自定义方法，从而在底层实现统一。

第二种思路则是引入成熟的第三方开源库，通过统一的接口函数来封装map()、filter()等操作，屏蔽底层差异，确保代码的一致性与可维护性。

引入Underscore库解决兼容性问题

本文推荐采用第二种方案，并选用underscore这一第三方库作为实现工具。

正如jQuery通过统一不同浏览器间的DOM操作差异，简化了DOM处理流程一样，underscore提供了一套完善的函数式编程接口。它使得在JavaScript中实现函数式编程变得更加便捷和直观。

与jQuery将自身绑定到全局变量$类似，underscore在加载时会将自身绑定到唯一的全局变量_上。这也正是该库命名为underscore（下划线）的原因所在。

Underscore的map方法应用

使用underscore实现map()操作的代码如下：

'use strict';
_.map([1, 2, 3], (x) => x * x); // [1, 4, 9]

乍看之下，这种写法似乎比直接使用Array.map()更为繁琐。但underscore的map()方法优势在于其通用性，它同样可以作用于Object类型，解决了原生API无法直接处理对象键值对映射的问题。

'use strict';
_.map({ a: 1, b: 2, c: 3 }, (v, k) => k + '=' + v); // ['a=1', 'b=2', 'c=3']