Quelle est la différence entre ces deux exemples de code?

Question

Code 1:

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

Code 2:

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

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

Edit: Alors, les gars, vous voulez dire que le second est mieux? ou plus "formel"?

Answer 1

Fondamentalement Dans le premier exemple, vous déclarez un object literal qui est déjà une instance d'objet.

Dans votre deuxième exemple, vous définissez une fonction de constructeur qui peut être utilisée avec l'opérateur new pour créer des instances d'objet.

Les littéraux d'objet peuvent également être utilisés pour créer de nouvelles instances d'objets et faire un héritage prototypique, Douglas Crockford promeut également cette technique.

Fondamentalement, vous pouvez avoir un opérateur object:

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

Cette fonction d'aide peut être utilisé d'une manière très intuitive et pratique.

Il reçoit essentiellement un objet en tant que paramètre, dans la fonction d'une instance nouvel objet est créé, l'ancien objet est enchaînée au prototype du nouvel objet, et son retour.

Il peut être utilisé comme ceci:

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(); 

Vous pouvez aller plus loin que vous le souhaitez, faire de nouvelles instances des objets précédemment définis.

Recommandé:

• Prototypal Inheritance in JavaScript
• Advanced JavaScript (Video)

Answer 2

Dans le premier extrait de code, Something est un objet simple, et non un constructeur. En particulier, vous ne pouvez pas appeler:

var o = new Something(); 

Une telle forme de création d'objets est parfaite pour les singletons; objets dont vous avez seulement besoin d'une instance.

Dans le deuxième extrait , Something est un constructeur, et vous pouvez utiliser le mot-clé new avec elle.

Edit:

Aussi, dans votre deuxième extrait, puisque vous utilisez Something.name par opposition à this.name, il sera toujours alerter le nom du constructeur lui-même, qui est « quelque chose », à moins que vous remplacer cette propriété par quelque chose comme Something.name = "Cool";.

Vous avez probablement voulu cette ligne-à-dire:

alert(this.name); 

Answer 3

Dans premier exemple vous pouvez faire

Something.sayHi(); 

alors que dans le second, vous devez le faire

new Something().sayHi();