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

Vue hybride

Discussions similaires

Partager

Partager