¿Cuál es la diferencia entre estos dos ejemplos de código?

Question

Código 1:

var Something = { 
name: "Name", 
    sayHi: function(){ 
    alert(Something.name); 
    } 
} 

Código 2:

function Something(){ 
    this.name = "Name"; 
} 

Something.prototype.sayHi = function(){ 
    alert(Something.name); 
} 

Editar: Así que, chicos, que quiere decir que el segundo es mejor? o más "formal"?

Answer 1

Básicamente en el primer ejemplo declaras object literal que en realidad ya es una instancia de objeto.

En su segundo ejemplo, define una función de constructor que se puede usar con el operador new para crear instancias de objetos.

Los literales de objetos también se pueden usar para crear nuevas instancias de objetos y hacer herencia de prototipos, Douglas Crockford también promueve esta técnica.

Básicamente, usted puede tener un operador object:

function object(o) { 
    function F() {} 
    F.prototype = o; 
    return new F(); 
} 

Esta función auxiliar se puede utilizar de una manera muy intuitiva y conveniente.

Básicamente recibir un objeto como parámetro, dentro de la función se crea una instancia de nuevo objeto, el antiguo objeto es encadenados al prototipo del nuevo objeto, y su regreso.

Puede ser utilizado como esto:

var oldObject = { 
    firstMethod: function() { alert('first'); }, 
    secondMethod: function() { alert('second'); }, 
}; 

var newObject = object(oldObject); 
newObject.thirdMethod = function() { alert('third'); }; 

var otherObject = object(newObject); 
otherObject.firstMethod(); 

Usted puede ir más lejos como quiera, haciendo nuevas instancias de los objetos previamente definidos.

Recomendado:

• Prototypal Inheritance in JavaScript
• Advanced JavaScript (Video)

Answer 2

En el primer fragmento de código, Something es un objeto simple, y no un constructor. En particular, no puede llamar a:

var o = new Something(); 

Tal forma de crear objetos es perfecta para singletons; objetos de los cuales solo necesitas una instancia.

En el segundo fragmento, Something es un constructor, y se puede utilizar la palabra clave new con él.

Editar:

Además, en el segundo fragmento, dado que está utilizando Something.name en contraposición a this.name, será siempre alertar al nombre del constructor de sí mismo, que es "Algo", a menos que anula esa propiedad con algo como Something.name = "Cool";.

Probablemente querían esa línea que decir:

alert(this.name); 

Answer 3

En primer ejemplo que puede hacer

Something.sayHi(); 

mientras que en el segundo hay que hacerlo

new Something().sayHi();