HTML Code

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="utf-8">

  <title>Lodash _.mixin - custom object</title>

</head>

<body>

  <h1>_.mixin - custom target object</h1>

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

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

  <script>

    (function () {

      var appUtils = {};

      _.mixin(appUtils, {

        greet: function (name) {

          return "Hello, " + name + "!";

        },

        slugify: function (text) {

          return _.kebabCase(text);

        }

      });

      var lines = [

        'appUtils.greet("Ada"): ' + appUtils.greet("Ada"),

        'appUtils.slugify("Hello World"): ' + appUtils.slugify("Hello World"),

        "",

        "Global _ was not extended — helpers live on appUtils only."

      ];

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

    })();

  </script>

</body>

</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

Lodash _.mixin - custom object (Try It)