How to debug JavaScript code?

Question

var myObject = {
  name: function() {
    return "Michael";
  }(),
  age: 28,
  sayName: function() {
    alert(this.name + ":" + this.age);
  }(),
  specialFunction: function() {
    myObject = this;
    if (this == myObject) altert(console.log(this.sayName));
  }
}()
};

I am trying to call the methods of an object from other methods in the same object but I'm just getting undefined.

I thought that inner scope object are allowed to access outer scope objects but this case disregards that rule.

Answer 1

try this

(function(window){
      var myObject = {
        name: function(){
          return "Michael";
        }(),
        age: 28,
        sayName: function(){
          alert(this.name + ":" + this.age);
        },
        specialFunction : function(){
          myObject=this;
          if(this==myObject)
          alert(console.log(this.sayName));
        }
      }
      window.myObject = myObject;
    })(window);
    
    myObject.sayName();

What's happening is when you invoke the sayName function it gets its own execution environment and looks for an object named myObject which is not been defined. then it looks for this object in its container function. so what we do is define and bring this object into window object and invoke the function there. so that it can find this object.