Javascript: Accessing Parent Object's property in Child Object Property

Question

I have javascript object like following:

var endpoints = {
  User: { 
    endpoint: '/api/v1/users/%s',
    subResources: {
      profile: {
       // IN BELOW LINE I WANT TO ACCESS PARENT OBJECT'S Property
       endpoint: endpoints.User.endpoint + '/profile'
      }
    }
  }
}

this object has a object called 'User' which has property called endpoint i want to access this property in it's child object called subResources.endpoint.

You will have to do it after you've initialised the object.

George
– George

2018-01-18 10:29:40 +00:00
Commented Jan 18, 2018 at 10:29 — George
– George, Commented Jan 18, 2018 at 10:29

thefourtheye · Accepted Answer · 2018-01-18 10:29:46Z

5

It is not possible, as the endpoints object itself is not fully formed yet.

So, you can do this in two steps, like this

var endpoints = {
  User: {
    endpoint: '/api/v1/users/%s',
    subResources: {}
  }
};

endpoints.User.subResources.profile = {
  endpoint: endpoints.User.endpoint + '/profile'
};

answered Jan 18, 2018 at 10:29

thefourtheye

241k53 gold badges466 silver badges505 bronze badges

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

Comments

flx · Accepted Answer · 2018-01-18 10:36:52Z

2

A different approach would be, to use a method/function:

var endpoints = {
    User: {
        endpoint: '/api/v1/users/%s',
        subResources: {
            profile: {
                endpoint: function(){
                   return endpoints.User.endpoint + '/profile';
                }
            }
        }
    }
};

answered Jan 18, 2018 at 10:36

flx

1,57814 silver badges22 bronze badges

Collectives™ on Stack Overflow

Javascript: Accessing Parent Object's property in Child Object Property

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related