What is the best way to retrieve a variable from an object?

Question

What is the best way to retrieve a variable from an object?

Struggling to access pubOuter and keep getting undefined. Can anyone help me with this issue? I can't seem to pass outer from the inner2() function. Maybe I'm overlooking something obvious. Thanks in advance.

Javascript

var myObject = (function(){
   var outer;

   function inner1(IN_number){
     outer = IN_number*2;
   }

   function inner2(){
     inner1(10);
     return outer;
   }


   return {
     pubFnInner1: inner1,
     pubFnInner2: inner2,
     pubOuter:    outer
   };

})();

$("#click").on("click", function(){
   console.log("outer" + myObject.pubOuter);  
});

HTML

<button id="click">Click</button>

javascript

Answer 1

Answer №1

Successfully accessing the putOuter property is now within reach. The only hurdle to overcome is its lack of initialization before usage.

To address this issue, I have made changes to the code by setting outer to 1 from the get-go. This adjustment ensures that when multiplied by IN_number in the inner1 function, it no longer yields a value of NaN.

var myObject = (function(){
   var outer = 1;

   function inner1(IN_number){
     outer = IN_number*2;
   }

   function inner2(){
     inner1(10);
     return outer;
   }


   return {
     pubFnInner1: inner1,
     pubFnInner2: inner2,
     pubOuter:    outer
   };

})();

$("#click").on("click", function(){

   console.log("outer" + myObject.pubOuter);
   myObject.pubFnInner1(10);
   console.log("outer" + myObject.pubOuter);

   // Alternatively, consolidate both steps by utilizing your pubFnInner2 method.
   console.log("outer" + myObject.pubFnInner2());
});

Answer 2

Successfully accessing the putOuter property is now within reach. The only hurdle to overcome is its lack of initialization before usage.

To address this issue, I have made changes to the code by setting outer to 1 from the get-go. This adjustment ensures that when multiplied by IN_number in the inner1 function, it no longer yields a value of NaN.

var myObject = (function(){
   var outer = 1;

   function inner1(IN_number){
     outer = IN_number*2;
   }

   function inner2(){
     inner1(10);
     return outer;
   }


   return {
     pubFnInner1: inner1,
     pubFnInner2: inner2,
     pubOuter:    outer
   };

})();

$("#click").on("click", function(){

   console.log("outer" + myObject.pubOuter);
   myObject.pubFnInner1(10);
   console.log("outer" + myObject.pubOuter);

   // Alternatively, consolidate both steps by utilizing your pubFnInner2 method.
   console.log("outer" + myObject.pubFnInner2());
});

Answer 3

Answer №2

pubOuter remains undefined due to the assignment of outer, which itself is undefined because the function inner1 is never executed. To resolve this issue, follow these steps:

var myObject = (function(){
   var outer;

   function inner1(IN_number){
     outer = IN_number*2;
   }

   function inner2(){
     inner1(10);
     return outer;
   }


   return {
     pubFnInner1: inner1(),
     pubFnInner2: inner2(),
     pubOuter:    outer
   };

})();

$("#click").on("click", function(){
   console.log("outer" + myObject.pubOuter);  
});

Answer 4

pubOuter remains undefined due to the assignment of outer, which itself is undefined because the function inner1 is never executed. To resolve this issue, follow these steps:

var myObject = (function(){
   var outer;

   function inner1(IN_number){
     outer = IN_number*2;
   }

   function inner2(){
     inner1(10);
     return outer;
   }


   return {
     pubFnInner1: inner1(),
     pubFnInner2: inner2(),
     pubOuter:    outer
   };

})();

$("#click").on("click", function(){
   console.log("outer" + myObject.pubOuter);  
});

What is the best way to retrieve a variable from an object?

Answer №1

Answer №2

Similar questions

Converting constants into JavaScript code

Best practices for storing non-reactive and static data in a Vue application

Leveraging Webpack for the exclusive creation of a vendor bundle

What is the best approach to conceal elements from the main template in Meteor using a template event?

A guide to implementing VantaJS in SvelteKit

Using the _id String in a GraphQL query to retrieve information based on the Object ID stored in a

The node.js tutorial hit a snag due to the absence of the bson module

JavaScript code for invoking the phone pluginInstructions for utilizing the phone plugin

creating an identical copy of a dynamic element's size

Conceal an <article> element if its src attribute is blank using jQuery

How can I programmatically refresh a recursive ng-include in AngularJS?

Using an XMLHttpRequest to obtain a response from a servlet

Redux dealing with collections of objects and searching through deeply nested objects

Creating a like button using AJAX in Django

What is causing the breakdown in communication between my server and client?

Managing conditional parameters with Typescript

Discover the magic of v-model in Vue 3 Composition API

Combine a specific number of elements in an array using JavaScript's comma-separated join without relying on jQuery

Using a modal within a map function: Tips and tricks

Is there a way to update the value of an element that is continuously changing through a setInterval() function when hovering the mouse over it?