ex�cution du code JavaScript

Version imprimable

Bonjour � toutes et � tous,

J'ai essay� d'ex�cuter le code suivant dans une page HTML:
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 <script language="javascript"> // JavaScript Document var mavaleur={ age:42, "nom et prenom":"Jhon smith", adresse:{ rue:"Rue de la liberté", ville:"Aix-la-chapelle" }, bonjour:function(){ alert("Bonjour Mr/Mlle:"+this["nom et prenom"]+" et j'ai "+ this.age.toString()); } }; function fff(){ var obj = new mavaleur(); obj.bonjour(); }; </script> <body onLoad="fff();">
Le probl�me c'est que rien ne s'affiche sur l'�cran :calim2:

Je me demande c'est quoi ma faute?

Merci d�s l'avance.

16/09/2013, 13h53
SpaceFrog
Code:

<script language="javascript">

Tu as fait une datation au carbone 14 de la balise ? on peut dire que c'est un vieux bout de code

accessoirement
mavaleur n'est pas une fonction ... mais un objet json
Code:

1 2 3 4 function fff(){ var obj = mavaleur; obj.bonjour(); };
16/09/2013, 13h58
Kaamo

mavaleur.bonjour(); suffit amplement lors du onload
16/09/2013, 14h04
SpaceFrog

le new serait necessaire si tu programmais en emulation de POO js avec des fonctions ...
16/09/2013, 15h06
L'aigle de Carthage

d'accord, mais pour enlever toute sorte d'ambiguit�, mavaleur s'agit normalement d'un objet qui doit �tre instanci� afin de pouvoir invoquer la m�thode bonjour(), nn ?

Tel qu'il est l�, mavaleur est d�j� un objet instanci�. Tu ne peux pas t'en servir comme constructeur (comprendre Classe si tu viens de POO "classique").
Donc mavaleur.bonjour() suffit pour appeler la m�thode bonjour de l'objet instanci� mavaleurEDIT, pour aller plus loin ....

Erreur :

Code:

1
2
3
var mavaleur = {name: 'toto', age: 38 };
var mavaleur2 = new mavaleur();
TypeError: object is not a function

Si tu veux r�aliser une sorte de Classe :

Code:

1
2
3
4
5
6
7
8
9
function MaClasse(nom, age) {
  this.name = nom;
  this.age = age;
}
MaClasse.prototype.bonjour = function() {
  alert("Bonjour, je suis " + this.name + " et j'ai " + this.age + "ans ! ");
}
var mon_objet_instancie = new MaClasse("Toto", 28);
mon_objet_instancie.bonjour();

mais il est pr�f�rable d'utiliser la puissance de Javascript. Oublie la notion classique de "classe" telle que tu la connais. Quand tu travailles avec JS, tu fais de la programation orient� objet par prototype (d�l�gation).

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
27
28
29
30
31
32
33
34
35
 /* Pour les navigateurs n'implémentant pas ES5 */
if (!Object.create) {
  Object.create = function(o) {
    function F() {}
    F.prototype = o;
    return new F();
  };
}
 
var Personne = {
  init: function(qui) {
    this.moi = qui;
    console.log(this.presenter());
  },
  presenter: function() {
    return "Je suis " + this.moi;
  }
};
 
var DvpMembre = Object.create(Personne);
DvpMembre.presenterPlus = function() {
  console.log(" et je suis sur DVP !");
};
 
var personneNormale = Object.create(Personne);
personneNormale.init("Bob");
 
var personneDVP = Object.create(DvpMembre);
personneDVP.init("Kaamo");
personneDVP.presenterPlus();
 
console.log(Personne.isPrototypeOf(personneNormale)); // true
console.log(Personne.isPrototypeOf(personneDVP)); // true
console.log(DvpMembre.isPrototypeOf(personneDVP)); // true
console.log(DvpMembre.isPrototypeOf(personneNormale)); // false

16/09/2013, 16h56
sekaijin

Citation:

Envoy� par L'aigle de Carthage

d'accord, mais pour enlever toute sorte d'ambiguit�, mavaleur s'agit normalement d'un objet qui doit �tre instanci� afin de pouvoir invoquer la m�thode bonjour(), nn ?

on instancie une classe pour obtenir un objet de cette classe
ou on cr�er un objet � partir d'un prototype.

Mais l� tu as un objet. un objet est un objet il n'y a rien a faire pour obtenir un objet vu que tu as d�j� un objet.

A+JYT