Javascript 'this' keyword Inside a Nested Function

Question

This Javascript code is using the 'this' keyword inside a nested function (which is nested within a constructor):

o=new MyCtor();
for (var p in o) {
  print(p);
  print(o[p]);
}
function MyCtor() {
  this.a=1;
  var instance=this;
  nested();
  function nested() {
    this.b=2;
    instance.c=3;
  }
}

Result is this:

a
1
c
3

Note the print() just dumps the output to the screen like alert() in a browser (I'm testing with a standalone Spidermonkey, not inside a browser). Notice that property 'b' cannot be created by the 'this.b'.

Just wondering what is 'this' refering to in a nested function inside a constructor?

quirksmode.org/js/this.html

Sandeep Nair
– Sandeep Nair

2012-06-20 12:53:35 +00:00
Commented Jun 20, 2012 at 12:53 — Sandeep Nair
– Sandeep Nair, Commented Jun 20, 2012 at 12:53

Quentin · Accepted Answer · 2012-06-20 12:53:44Z

1

Since you are calling the function directly (not as an object property) and without the new keyword, this is the default object (window in a web browser, global in node, etc).

See a live demo on jsfiddle.

answered Jun 20, 2012 at 12:53

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

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

Comments

Supr · Accepted Answer · 2012-06-20 12:55:58Z

0

It refers to the Window. See for yourself by running this fiddle and opening the console: http://jsfiddle.net/sveinatle/9brLj/

answered Jun 20, 2012 at 12:55

Supr

19.1k3 gold badges33 silver badges37 bronze badges

Collectives™ on Stack Overflow

Javascript 'this' keyword Inside a Nested Function

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