I have some code that looks like this:

var MyObject = function () {
  this.Prop1 = "";
  this.Prop2 = [];
  this.Prop3 = {};
  this.Prop4 = 0;
}

And then I later have this:

var SomeObject = new MyObject();

When I run my code through closure piler in advanced mode, I'm getting the warning dangerous use of the global this object on every line where I have this.Prop =

What am I doing that's "dangerous" and how should I rewrite my code?

Thanks for your suggestions.

I have some code that looks like this:

var MyObject = function () {
  this.Prop1 = "";
  this.Prop2 = [];
  this.Prop3 = {};
  this.Prop4 = 0;
}

And then I later have this:

var SomeObject = new MyObject();

When I run my code through closure piler in advanced mode, I'm getting the warning dangerous use of the global this object on every line where I have this.Prop =

What am I doing that's "dangerous" and how should I rewrite my code?

Thanks for your suggestions.

• javascript
• google-closure-piler

• possible duplicate of this: stackoverflow./questions/5301373/… – William Niu Commented Jul 1, 2012 at 1:11

2 Answers 2

I would remend writing it like this:

function MyObject() {
  this.Prop1 = "";
  this.Prop2 = [];
  this.Prop3 = {};
  this.Prop4 = 0;
}

However, the real fix is to use the @constructor JSDoc notation on the line before the constructor:

/** @constructor */

The Closure Compiler Error and Warning Reference provides detailed explanations for the warnings related to the dangerous use of this:

• JSC_UNSAFE_THIS
• JSC_USED_GLOBAL_THIS

The warning about using the global this object helps prevent accidentally calling a constructor function without the new keyword, which would result in the constructor properties leaking into the global scope. However, for the piler to know which functions are intended to be constructors, the annotation /** @constructor */ is required.