HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Lodash _.invoke - this binding</title>
</head>
<body>
  <h1>_.invoke - automatic this binding</h1>
  <pre id="out"></pre>
  <script src="https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js"></script>
  <script>
    (function () {
      var user = {
        name: "Ada",
        profile: {
          fullName: "Ada Lovelace",
          toJSON: function () {
            return { name: this.fullName };
          }
        }
      };
      var withInvoke = _.invoke(user, "profile.toJSON");
      var fn = user.profile.toJSON;
      var loose = fn.call({});
      function formatNameResult(value) {
        return "{ name: " + (value.name === undefined ? "undefined" : JSON.stringify(value.name)) + " }";
      }
      var lines = [
        "via _.invoke           : " + formatNameResult(withInvoke),
        "direct call (lost this): " + formatNameResult(loose)
      ];
      document.getElementById("out").textContent = lines.join("\n");
    })();
  </script>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

Lodash _.invoke - automatic `this` binding (Try It)