Variables and Object creation using prototypes

[nrlz]

Try to guess what happens if I run the following code in any modern
browser. Don't cheat! Guess before you try it out.
Will I get:

1) 1,2...a,b
2) a,b...a,b
3) null...null
4) 1,2,a,b...1,2,a,b

Here is the code:

function Group() {
}

Group.prototype = {
members: [],

addMember: function(m) {
this.members.push(m);
},

listMembers: function() {
return this.members.join(",");
}
};

var my1 = new Group();
my1.addMember(1);
my1.addMember(2);

var my2 = new Group();
my2.addMember("a");
my2.addMember("b");

alert(my1.listMembers() + "..." + my2.listMembers());

Cheers!
Nathar

 

[Michael Winter]

Try to guess what happens if I run the following code in any modern
browser. [...]

A "modern browser" doesn't matter. Any correct ECMAScript implementation
will do.

Will I get:

1) 1,2...a,b
2) a,b...a,b
3) null...null
4) 1,2,a,b...1,2,a,b
[snip]

Group.prototype = {
members: [],

addMember: function(m) {
this.members.push(m);
},

listMembers: function() {
return this.members.join(",");
}
};

The latter (4). The members array is a property of the prototype object,
not objects created via the Group constructor function. As each
resulting object will /share/ the properties of the prototype, any
properties added to it will accumulate and be accessible to all instances.

[snip]

Mike

 

[Matt Kruse]

function Group() {
}

function Group() {
this.members = [];
}

This might cause it to behave more like you'd expect. This way, the
'members' variable belongs to each instantiated Group object, rather than to
the shared prototype.

 

[nrlz]

You answered (4) and you are correct! Well done!

Incidentally, this script does require a browser, because it uses the
"alert" function.

Cheer!
Nathar

Try to guess what happens if I run the following code in any modern
browser. [...]

A "modern browser" doesn't matter. Any correct ECMAScript implementation
will do.
[snip]

The latter (4). The members array is a property of the prototype object,
not objects created via the Group constructor function. As each
resulting object will /share/ the properties of the prototype, any
properties added to it will accumulate and be accessible to all instances.

[snip]

Mike

 

[nrlz]

You answered (4) and you are correct! Well done!

Incidentally, this script does require a browser, because it uses the
"alert" function.

Cheer!
Nathar

Try to guess what happens if I run the following code in any modern
browser. [...]

A "modern browser" doesn't matter. Any correct ECMAScript implementation
will do.

Will I get:

1) 1,2...a,b
2) a,b...a,b
3) null...null
4) 1,2,a,b...1,2,a,b
[snip]

Group.prototype = {
members: [],

addMember: function(m) {
this.members.push(m);
},

listMembers: function() {
return this.members.join(",");
}
};

The latter (4). The members array is a property of the prototype object,
not objects created via the Group constructor function. As each
resulting object will /share/ the properties of the prototype, any
properties added to it will accumulate and be accessible to all instances.

[snip]

Mike

 

[Thomas 'PointedEars' Lahn]

Try to guess what happens if I run the following code in any modern
browser. Don't cheat! Guess before you try it out.

Since when is this a quiz show? Get a life.


PointedEars

 

[Randy Webb]

Thomas 'PointedEars' Lahn said the following on 4/30/2006 5:04 PM:

Since when is this a quiz show?

Since when is it not? People ask questions, they may or may not get answers.

Get a life.

You first.