HTML Code

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="utf-8">

  <title>Lodash _.noConflict - legacy clash</title>

</head>

<body>

  <h1>_.noConflict - legacy library</h1>

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

  <script>

    // Simulate a library that already uses global _

    window._ = {

      library: "legacy",

      greet: function () { return "from legacy"; }

    };

  </script>

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

  <script>

    (function () {

      var lodash = _.noConflict();

      var lines = [

        '_.greet(): ' + _.greet(),

        'lodash.sum([1, 2, 3]): ' + lodash.sum([1, 2, 3]),

        "",

        "Legacy keeps global _; Lodash lives in lodash."

      ];

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

    })();

  </script>

</body>

</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

Lodash _.noConflict - legacy library (Try It)