基于函数式编程的 JavaScript 应用程序是如何布局的？

Question

我在聊天应用程序上使用 node.js 一段时间了（我知道，非常原创，但我认为这将是一个很好的学习项目）。 Underscore.js 提供了很多看起来很有趣的函数式编程概念，所以我想了解如何将设置 JavaScript 中的功能程序。

根据我对函数式编程的理解（这可能是错误的），整个想法是避免副作用，基本上是有一个函数更新函数外部的另一个变量，这样

var external;
function foo() {
   external = 'bar';
}
foo();

就会产生副作用，对吗？因此，作为一般规则，您希望避免全局范围内的干扰变量。

好的，那么当你处理对象时它是如何工作的，而不是什么呢？例如，很多时候，我会有一个构造函数和一个初始化对象的 init 方法，如下所示：

var Foo = function(initVars) {
   this.init(initVars);
}

Foo.prototype.init = function(initVars) {
   this.bar1 = initVars['bar1'];
   this.bar2 = initVars['bar2'];
   //....
}

var myFoo = new Foo({'bar1': '1', 'bar2': '2'});

所以我的 init 方法是故意造成副作用的，但是处理相同情况的函数式方法是什么？

另外，如果有人能给我指出一个程序的 Python 或 JavaScript 源代码，该程序试图尽可能地发挥功能，那我也将不胜感激。我觉得我已经接近“明白”了，但我只是还没有完全做到。我主要感兴趣的是函数式编程如何与传统的 OOP 类概念一起工作（或者如果是这样的话，为了不同的东西而放弃它）。

Answer 1

您应该阅读这个问题：

Javascript 作为函数式语言

有很多有用的链接，包括：

• 使用函数式编程技术编写优雅的 JavaScript
• 小小JavaScripter
• 高阶 JavaScript
• Eloquent JavaScript，第 6 章：函数式编程

现在，谈谈我的看法。很多人误解了 JavaScript，可能是因为它的语法看起来像大多数其他编程语言（其中 Lisp/ Haskell/OCaml 看起来完全不同）。 JavaScript不是面向对象的，它实际上是一种基于原型的语言< /a>.它没有类或经典继承，因此不应该与 Java 或 C++ 进行比较。

JavaScript 比 Lisp 更好；它有闭包和一流的功能。使用它们，您可以创建其他函数式编程技术，例如 部分应用（柯里化）。

让我们举个例子（使用node.js中的sys.puts）：

var external;
function foo() {
    external = Math.random() * 1000;
}
foo();

sys.puts(external);

为了消除全局副作用，我们可以将它包装在一个闭包中：

(function() {
    var external;
    function foo() {
        external = Math.random() * 1000;
    }
    foo();

    sys.puts(external);
})();

注意，我们实际上不能用external 或 foo 超出范围。他们完全封闭在自己的封闭之中，无法触碰。

现在，要消除外部副作用：

(function() {
    function foo() {
        return Math.random() * 1000;
    }

    sys.puts(foo());
})();

最后，该示例不是纯功能性的，因为它不可能。使用随机数从全局状态读取（以获得种子）并打印到控制台是一个副作用。

我还想指出，将函数式编程与对象混合在一起是完全可以的。以此为例：

var Square = function(x, y, w, h) {
   this.x = x;
   this.y = y;
   this.w = w;
   this.h = h;
};

function getArea(square) {
    return square.w * square.h;
}

function sum(values) {
    var total = 0;

    values.forEach(function(value) {
        total += value;
    });

    return total;
}

sys.puts(sum([new Square(0, 0, 10, 10), new Square(5, 2, 30, 50), new Square(100, 40, 20, 19)].map(function(square) {
    return getArea(square);
})));

正如您所看到的，在函数式语言中使用对象就可以了。有些 Lisp 甚至有称为属性列表的东西，可以将其视为对象。

以函数式风格使用对象的真正技巧是确保您不依赖它们的副作用，而是将它们视为不可变的。一种简单的方法是，每当您想要更改属性时，只需创建一个包含新详细信息的新对象并传递该对象（这是 Clojure 和 Haskell 中经常使用的方法）。

我坚信函数方面在 JavaScript 中非常有用，但最终，您应该使用任何使代码更具可读性并且适合您的东西。

Answer 2

您必须了解函数式编程和面向对象编程在某种程度上是相互对立的。不可能同时是纯函数和纯面向对象。

函数式编程都是关于无状态计算的。 面向对象编程都是关于状态转换的。 （paraphasing this。希望不会太糟糕）

JavaScript 更对象化面向而非功能。这意味着如果您想以纯函数式风格进行编程，则必须放弃该语言的大部分内容。特别是所有面向对象的部分。

如果您愿意更加务实，您可以使用来自纯函数世界的一些灵感。

我尝试遵守以下规则：

执行计算的函数不应改变状态。并且改变状态的函数不应该执行计算。此外，改变状态的函数应该改变尽可能少的状态。目标是拥有许多只做一件事的小功能。然后，如果您需要做任何大事，您可以编写一堆小函数来完成您需要的事情。

遵循这些规则可以获得许多好处：

1. 易于重用。函数越长、越复杂，它也就越专业，因此它被重用的可能性就越小。相反的含义是较短的函数往往更通用，因此更容易重用。

2. 代码的可靠性。如果代码不太复杂，就更容易推断出代码的正确性。

3. 当函数只做一件事时，测试函数会更容易。这样就可以减少需要测试的特殊情况。

更新：

合并了评论中的建议。

更新2：

添加了一些有用的链接。

Answer 3

我认为， http://documentcloud.github.com/underscore/ 应该很适合你需要的 - 它为函数式编程提供了最重要的高阶函数，并且没有用于 DOM 操作的客户端函数，而服务器端不需要这些函数。虽然我没有这方面的经验。

附带说明：恕我直言，函数式编程的主要特征是函数的引用透明度 - 函数结果仅取决于其参数 - 函数不依赖于其他对象的更改，并且除了其结果值之外不会引入任何更改。它可以轻松推断程序的正确性，并且对于实现可预测的多线程（如果相关）非常有价值。尽管 JavaScript 不是 FP 的首选语言 - 我预计不可变数据结构的使用性能会非常昂贵。

Answer 4

所以有两件事需要指出，

1. 在你的第一个例子中，你的变量不会泄漏到全局区域，并且应该这样做，尽量不要在没有声明变量的情况下使用变量，即 test = 'data' 会导致数据泄漏到全局区域。

2. 你的第二个例子也是正确的，bar1和bar2只会在Foo对象上声明。

   你

要记住的事情尽量不要过度使用原型，因为它适用于您创建的每个对象，这可能会占用大量内存，具体取决于对象的复杂程度。

如果您正在寻找应用程序开发框架，请查看 ExtJs。我个人认为它非常适合您尝试开发的模型。在投入大量资金之前，请记住他们的许可模式是如何运作的。