exécution du code JavaScript

**L'aigle de Carthage** · 16/09/2013, 13h50

Bonjour à toutes et à tous,

J'ai essayé d'exécuter le code suivant dans une page HTML:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Je me demande c'est quoi ma faute?

Merci dés l'avance.

**SpaceFrog** · 16/09/2013, 13h53

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
function fff(){
	var obj = mavaleur;
	obj.bonjour();
};

**Kaamo** · 16/09/2013, 13h58

mavaleur.bonjour(); suffit amplement lors du onload

**SpaceFrog** · 16/09/2013, 14h04

le new serait necessaire si tu programmais en emulation de POO js avec des fonctions ...

**L'aigle de Carthage** · 16/09/2013, 15h06

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 ?

**Kaamo** · 16/09/2013, 15h17

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**sekaijin** · 16/09/2013, 16h56

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

exécution du code JavaScript

JavaScript

Discussions similaires

Partager

Partager