How to access an object literal property from another property?

Question

This is probably incredibly simple and my Google-fu is just not strong enough. My apologies if it is a duplicate.

Consider the following object literal:

var config = {
    url: 'http://google.com',
    message: 'You must go to <a href="' + url + '">Google</a> to search!'
};

I get an error saying that url is not defined . How do I access the url element from the message element?

Answer 1

I think you can wrap the config object, eg

var config = (function() {
  var _url = 'http://google.com';
  return {
    url : _url,
    message : 'You must go to <a href="' + _url + '">Google</a> to search!'
  }
})();

Answer 2

You may just do this

var config = {
    url: 'http://google.com',
    message: function () { return 'You must go to <a href="' + this.url + '">Google</a> to search!' }
};

And call

config.message();

to get the message.