Getting access to scoped objects

Question

I have this code below:

<!DOCTYPE html>
<html>
<body>

<script>
function zz(){
var location = {
    firstName: "John",
    lastName : "Doe",
    id       : 5566,
    fullName : function() {
       return this.firstName + " " + this.lastName;
    }
};
return this;
}

var abc= zz();
console.log(abc);  //This works, but it is the the window objects location, I want the  location I have defined
console.log(some code here to print out John);
console.log(some code here to print out Doe);
</script>
</body>
</html>

I choose location as the object name to learn about more about scope collision.

But now I can't figure out how to get to the variables I have defined. I know I have an object named location wrapped in a function zz

I know the object location has a firstName property of John I know also the object location has a method fullName that will return the John Doe back to the calling reference.

So what do I need to do to output for example John to the console?

Thanks,

return location; ? After the function was run - the location object is not reachable anymore (since there are no active references to it) — zerkms
– zerkms, Commented Apr 6, 2015 at 22:37
^ that! this inside the function when called like that would be the window, that's why window is returned. — adeneo
– adeneo, Commented Apr 6, 2015 at 22:39

StackSlave · Accepted Answer · 2015-04-07 23:25:00Z

1

vars are only available within the scope which they are defined with the keyword var. I'm pretty sure that you actually want this inside your location Object to refer to your location Object, while you may want more methods in zz. Here is how that can be achieved:

function zzLoc(context){
  this.firstName = 'John';
  this.lastName = 'Doe';
  this.id = 5566;
  this.fullName = function(){
    return this.firstName+' '+this.lastName;
  }
  this.parent = context;
}
function zz(){
  this.location = function(){
    return new zzLoc(this);
  }
  // more methods here
}
var wellNow = new zz, loc = wellNow.location();
console.log(loc.fullName());

edited Apr 7, 2015 at 23:25

answered Apr 6, 2015 at 22:51

StackSlave

10.6k2 gold badges20 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

JimF Over a year ago

PHPGlue thanks for your answer as well! I plan on studying both yours and chiliNUT's to understand the similarities and differences.

Community · Accepted Answer · 2017-05-23 11:43:27Z

0

How about this: Rather than use var, assign properties to this. And since it looks like you are trying to make an object constructor, try using the new keyword.

        function zz() {
            this.location = {
                firstName: "John",
                lastName: "Doe",
                id: 5566,
                fullName: function () {
                    return this.firstName + " " + this.lastName;
                }
            };

            this.getFirstName = function () {
                return this.location.firstName;
            };

            this.getLastName = function () {
                return this.location.lastName;
            };

        }

        var abc = new zz();
        console.log(abc);  // zz { location={...},  getFirstName=function(),  getLastName=function()}
        console.log(abc.getFirstName(), abc.location.firstName); //John, John
        console.log(abc.getLastName(), abc.location.lastName); //Doe, Doe
        console.log(abc.location.fullName()); //John Doe

edited May 23, 2017 at 11:43

CommunityBot

11 silver badge

answered Apr 6, 2015 at 22:50

chiliNUT

19.5k14 gold badges72 silver badges116 bronze badges

1 Comment

JimF Over a year ago

Okay chiliNut that is just what I was looking for. Obviously I was missing the new() which I did not know at the time. I appreciate your answer and insight on this!

Collectives™ on Stack Overflow

Getting access to scoped objects

2 Answers 2

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related