Getting undefined setting object's property value using this in javascript

Question

I was trying to set fullname property of the object person using this , but got undefined when logging out the full name.

var person = {
  name:'yask',
  fullname: this.name + ' Srivastava'
}

console.log(person.fullname);

This is strange, as using this while using inside the function refers to the object. Here it looks like it's being referred to global object.(Window maybe..?)

Answer 1

You can do it with the use of getter ,

var person = {
  name:'yask',
  get fullname(){ return this.name + ' Srivastava' }
}

console.log(person.fullname);

Basically the this in your case will point the context of lexical scope the function of the object, not the object itself.