Javascript Object Composing

Question

I'm wondering what the difference, or if any, the following JS is for building up an object. Is it a style thing/standards thing? If so, which is most common?

Example 1:

var MyNamspace = {
  options: { test: 10 },
  someFunction: function() { alert("Hello"); }
}

Example 2:

var MyNamespace = {};
MyNamespace.options = { test: 10 };
MyNamespace.someFunction = function() { alert("Hello"); }

Thanks.

Quentin · Accepted Answer · 2012-07-16 11:28:32Z

4

There is no significant difference between the two (although the second is probably marginally slower).

The first example is more usual.

answered Jul 16, 2012 at 11:28

Quentin

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

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

Comments

Bergi · Accepted Answer · 2012-07-16 11:40:20Z

2

The first MyNamspace is missing an "e", else there is no functional difference.

The second pattern is used when there is already an object with properties (like someFunc.prototype) which you want to extend, but you'd need to leave the overwriting part (MyNamespace = {};) away.

answered Jul 16, 2012 at 11:40

Bergi

671k162 gold badges1k silver badges1.5k bronze badges

Comments

Brian Mains · Accepted Answer · 2012-07-16 11:31:03Z

1

The second option modifies an existing type, so while equal, the second is modifying the signature of an existing type, just like you could do: MyClass.prototype.someFunction = function() { }

This is where JavaScript can be conveniently flexible.

answered Jul 16, 2012 at 11:31

Brian Mains

50.8k35 gold badges155 silver badges260 bronze badges

Collectives™ on Stack Overflow

Javascript Object Composing

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related