HTML Code

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="utf-8">

  <title>Lodash _.flowRight - vs flow</title>

</head>

<body>

  <h1>_.flowRight vs _.flow</h1>

  <pre id="out"></pre>

  <script src="https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js"></script>

  <script>

    (function () {

      var f = function (x) { return x + 1; };

      var g = function (x) { return x * 2; };

      var h = function (x) { return x - 1; };

      var input = 5;

      var right = _.flowRight(f, g, h)(input);

      var left = _.flow(f, g, h)(input);

      var lines = [

        "input: " + input,

        "",

        "_.flowRight(f, g, h)(5): " + right + "  (h then g then f)",

        "_.flow(f, g, h)(5):      " + left + "  (f then g then h)"

      ];

      document.getElementById("out").textContent = lines.join("\n");

    })();

  </script>

</body>

</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

Lodash _.flowRight - vs flow (Try It)