Understanding javascript object creation and prototype

Question

Consider the following:

Are the following code piece equivalient ?

var foo = Class.create();
foo.prototype = {
    initialize : function() {};
    sayHello : function() {};
}

and

    var foo = Class.create();
    foo.prototype = {
        initialize : function() {};
    } 
   foo.prototype.sayHello : function() {};

Secondly, which one to prefer other the other ? when and why ?

Maybe the following answer can help you understand what prototype does and what a constructor function or initializer does.stackoverflow.com/a/16063711/1641941 — HMR
– HMR, Commented Mar 5, 2014 at 0:01

Sam · Accepted Answer · 2014-03-04 20:33:41Z

1

They're both wrong, they should be

var foo = new Object();
foo.prototype = {
  initialize : function() {},
  sayHello : function() {}
}

and

var foo = new Object();
foo.prototype = {
    initialize : function() {}
} 
foo.prototype.sayHello = function() {};

and yes they're the same

I prefer the first way for initialize because is more clear

answered Mar 4, 2014 at 20:33

Sam

2,9701 gold badge20 silver badges26 bronze badges

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

4 Comments

Sam Over a year ago

@JavaDeveloper class is not a javascript object, maybe it's from any framework

JavaDeveloper Over a year ago

var Person = Class.create(); Person.prototype = { initialize: function(name) { this.name = name; }, say: function(message) { return this.name + ': ' + message; } };

Sam Over a year ago

@JavaDeveloper "In early versions of Prototype, the framework came with basic support for class creation", it's a framework, Class is not a built-in object of javascript

Sam Over a year ago

@JavaDeveloper i don't know prototype framework so i guess Class.create() is fine with it, i prefer code in pure javascript or with jquery personally; with jquery for example you can add functions directly to the jQuery object prototype

Collectives™ on Stack Overflow

Understanding javascript object creation and prototype

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related