How to reference a nested closure function in Javascript without relying on the 'this' keyword

Question

How to reference a nested closure function in Javascript without relying on the 'this' keyword

I'm facing a situation where I have a tree of closures: 'A' contains private closures 'pancake' and 'B'. There are times when I need to call the private closure 'pancake' from inside 'B' and access its public property. How can this be done? Oh, and it's worth mentioning that this is not an object.

Here's my code snippet:

var A = (function() {
    var pancake = (function() {
        return {
            numeric: 142
        };
    })(A);

    var B = (function() {
        return {
            init: function(name) {                
                console.log(pancake.numeric);
                //How can I access the same element using the 'name' variable?
            }
        };
    })(A);
    return {
        init: function() {
            B.init('pancake');
        }
    };
})();
A.init();

For more details, check out JSFiddle: http://jsfiddle.net/yALkY/3/

Thank you in advance!

javascript

Answer 1

Answer №1

While jfriend00 makes a valid point about the complexity of the provided code, one potential solution could involve implementing a map to store references. Consider the following approach:

var X = (function() {
  var apple = (function() {
      return {
          number: 235
      };
  })();

  
  var Y = (function() {
      return {
          initialize: function(key) {                
              console.log(secureVars[key].number);
              //Is there a way to access the same element using 'key' variable?
          }
      };
  })();

  // introduced:
  var secureVars = {
    apple: apple 
  };

  return {
      initialize: function() {
          Y.initialize('apple');
      }
  };
})();
X.initialize();

Keep in mind that this method requires manual maintenance of the reference list.

Answer 2

While jfriend00 makes a valid point about the complexity of the provided code, one potential solution could involve implementing a map to store references. Consider the following approach:

var X = (function() {
  var apple = (function() {
      return {
          number: 235
      };
  })();

  
  var Y = (function() {
      return {
          initialize: function(key) {                
              console.log(secureVars[key].number);
              //Is there a way to access the same element using 'key' variable?
          }
      };
  })();

  // introduced:
  var secureVars = {
    apple: apple 
  };

  return {
      initialize: function() {
          Y.initialize('apple');
      }
  };
})();
X.initialize();

Keep in mind that this method requires manual maintenance of the reference list.

How to reference a nested closure function in Javascript without relying on the 'this' keyword

Answer №1

Similar questions

Verify the MAC address as the user types

Generating a highchart visualizing a pie chart using data from a local JSON file (OBJECT)

What are some ways to enhance the opacity of a Material UI backdrop?

Issues arise with element binding when incorporating AngularJS UI-Router

Calculating a bowling score by looping through a JavaScript array

When attempting to send a POST request to /api/users/login, the system returned an error stating that "

dispatch a WebSocket message within a route using Express.js

What is the best way to utilize a template within a select dropdown?

Angular's two-way binding feature allows the use of a variable as a string without directly assigning it to

Exploring the debugger statement functionality within Vue 2's production code

navigating a collection of objects and retrieving individual property values

Identification of input change on any input or select field within the current modal using JavaScript

Using the event object in the onClick handler within React applications

Using Vue.js to loop through data objects when a button is clicked

JavaScript: AWS Amplify: Retrieving the User ID (Sub ID) Following User Registration. Post Registration, Not to Be Confused with Sign In

Find out if all attributes of the object are identical

submitting a POST request with JSON payload including an array

Having trouble converting JSON into a JavaScript object

Encountering a 404 error while using the Post method with Axios in a ReactJS

Sending product identification to content_ids for Facebook Pixel tracking