JavaScript this refers to window instead of object inside function

Question

I get confused on a JavaScript this reference situation.

I am working on a code that I declare function inside an object method. (The reason is to tidy up code inside an object method, while keeping the functions private to the method.)

The following is an experiment to re-produce my problem.

I found that the this inside greeting function refers to the window scope instead of person scope.

var person = {
    nickname: "Makzan",
    sayHi: function() {
        console.log(this);
        var greeting = function() {
            console.log(this);
            return "Aloha " + this.nickname;
        }
        console.log(greeting());
    }
}
person.sayHi();

(same code in jsfiddle: http://jsfiddle.net/makzan/z5Zmm/)

And this is the log result in browser:

> Object
> Window
Aloha undefined

In JS, I know that this reference is tricky. And I can change the scope by using .call method to make this code works.

var greeting = (function() {
    console.log(this);
    return "Aloha " + this.nickname;
}).call(this);

However, I am curious to know why by default the this refer to window scope inside the greeting method?

Thanks in advance for all your help.

Possible duplicate of [How does the "this" keyword work?](https://stackoverflow.com/questions/3127429/how-does-the-this-keyword-work) — melpomene, Jul 02 '18 at 03:47

score 10 · Accepted Answer · answered Apr 05 '13 at 10:27

10

this has nothing to do with scope. It is determined by context.

greeting() calls the function with no context, so this is the default object (window in a browser).

answered Apr 05 '13 at 10:27

Quentin

800,325
104
1,079
1,205

score 4 · Answer 2 · answered Apr 05 '13 at 10:29

4

The this, references is not related to scope, it depends on the calling context.

As per the MDN doc,

In general, the object bound to this in the current scope is determined by how the current function was called

answered Apr 05 '13 at 10:29

Arun P Johny

365,836
60
503
504

score 2 · Answer 3 · answered Apr 05 '13 at 10:27

2

Try person.nickname, this refers to the var greeting in your case

answered Apr 05 '13 at 10:27

Stephen Raghunath

112
3
10

JavaScript this refers to window instead of object inside function

3 Answers3

Linked