Question

I’m new to javascript, so some of the existing answers on StackOverflow confused me.

If I have a static class inside of a dynamic class (like below). How can I access variables inside the dynamic class?

function ListItem() = {
  var myItem = function() { return "something" };

  ...
  ItemDropdown = function(){
     show : function (){
       //Want to access the ListItem's myItem here
       alert(super.myItem() + "dropdown menu");
     }
  }
}


var foo = new ListItem();
foo.ItemDropdown.show();

Answer 1

If you want ItemDropdown to be a method of ListItem, you need to declare it using this.

this.ItemDropdown = {

With the way you have myItem defined, you can just call it by itself.

alert(myItem() + "dropdown menu");

You also have a couple syntax errors:

function ListItem() = {
// Should be
function ListItem() {

and

ItemDropdown = function(){
// Should be
this.ItemDropdown = {

So, you end up with this:

function ListItem() {
  var myItem = function() { return "something" };

  this.ItemDropdown = {
     show : function (){
       alert(myItem() + "dropdown menu");
     }
  }
}