[POO] Différentes notations objet

Version imprimable

Salut,

J'essaie de programmer proprement en Javascript et j'aimerais comprendre les différentes façon de faire de la programmation orientée objet en JS et connaîtres les limites de chacune.
Par exemple, y a-t-il une différence entre ces deux façon de faire?
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <title>test js</title> </head> <body> <script type="text/javascript"> function o1(s) { this.p1 = s; } var o3 = { p1: "", init: function(s) { this.p1 = s; } } var t1 = new o1(); t1.p1 = "test 1"; var t3 = o3; t3.p1 = "test 2"; alert(t1.p1 + ' - ' + t3.p1); </script> </body> </html>
Si vous avez directement la réponse ou des sources m'indiquant clairement ce que je souhaite je suis preneur.

Un grand merci d'avance.

Salut,

Oui il y a une différence, dans le deuxième cas tu as une seule et unique
instance (o3) car tu ne passe pas par l'opérateur new
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 function o1(s) { this.p1 = s; } var o3 = { p1: "", init: function(s) { this.p1 = s; } } var t1 = new o1(); t1.p1 = "test 1"; var t2 = new o1(); t2.p1 = "test -"; var t3 = o3; t3.p1 = "test 2"; var t4 = o3; t4.p1 = "test 3" alert(t1.p1 + ' - ' + t3.p1);
Dans ce code on voit que t2.p1 n'est pas la même variable que t1.p1
par contre t4.p1 et t3.p1 représentent la même variable.

l'un te permettra de créer des instances d'objet alors que la 2 eme notation est sous forme json qui représente déja un objet et ne peut donc pas être dupliqué ou instancié :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 
function test(valeur){
	this.nom = valeur;
	this.comment = function(){alert(this.nom);}
}
var moi = new test('toto');
var toi = new test('titi');
 
moi.comment();
toi.comment();
 
var retest = {
        "nom" : "",
        "init": function(valeur) {
            this.nom = valeur;
        }
	  ,
	  "comment":function(){alert(this.nom);}
    }
var moi = retest;
moi.init('encore toto');
var toi = retest;
toi.init('encore titi');
 
moi.comment();
toi.comment();

19/11/2008, 10h54
franculo_caoulene

Ah oui ça me revient, je me souviens avoir lu ça quelque part.

Merci à vous deux.