Question

I understand that there are two ways of creating classes in JavaScript

var MyObj = function(val)
{
  this.vari = val;
}

Where val will be a non static member.

Whereas,

var MyObj = new Object();
MyObj.vari = "";

This is a single object so members of it here will act like static members. My question is that how do we have both static as well as non static content in same class?

Answer 1

There are no classes in JavaScript, only objects.

When you create a new object you are “extending” from the function’s prototype, not the function itself. In order to make a variable or function appear to be static you would have to attach it to the function used to create the object, and not its prototype.

js> var Foo = function(){ this.member = "member"; };
js> Foo.staticMember = "staticMember";
js> var f = new Foo();

js> Foo.member;
undefined
js> Foo.staticMember;
"staticMember"
js> f.member;
"member"
js> f.staticMember;
undefined