Why this.name is returned as undefined in JavaScript?

Question

function returnName() {
    var name = 'Stack Overflow'
    console.log(this.name)
}

When I call this function, instead of printing the name 'Stack Overflow' Google Chrome console is returning 'undefined'.

Why is this behaviour? As I have read this keyword always refer to the current execution context then why it is not returning the name?

Answer 1

You didn't add name to this object:

function returnName() {
    this.name = 'Stack Overflow'
    console.log(this.name)
}

If you want to create a variable and log it in returnName, you don't need this:

function returnName() {
    var name = 'Stack Overflow'
    console.log(name)
}