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