Comment modifier un prototype

**taymia** · 21/10/2018, 12h15

Bonjour tout le monde.

Je me permets de vous poser une petite question.

Pourquoi ne peut on pas modifier le prototype d'un objet créé avec la fonction:
"Object.create"?

Merci d'avance.

**psychadelic** · 21/10/2018, 14h57

modifier non, mais surcharger oui, comme pour tout les langages objets (dont Javascript fait partie).
mais surcharger un objet natif du JS, c'est pas une bonne idée, mieux vaut faire ta cuisine dans une classe différente héritant des objets qui t'intéressent.

**taymia** · 21/10/2018, 16h24

Je suis d'accord au sujet de la surcharge. Mais je pense que je serai plus clair avec un exemple de code.
Pourquoi dans le code ci-dessous j'obtiens le message d'erreur "TypeError: voiture.prototype is undefined" en voulant rajoutant une propriété à mon objet?

Code HTML :

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
<!doctype html>
 
<html>
 
	<head>
		<title>
			Question constructeur
		</title>
	</head>
 
	<body>
 
		<script>
                                        
                        var voiture =
                        {
                                roue:4,
                                km:0,
                        };
                        
                        var clio = Object.create(voiture);
                        clio.prototype.turbo = "bereta";
                        
                        document.write("<br>Desormais ma clio a un turbo de marque :"+clio.turbo);
                        
                </script>
	</body>
</html>

Merci

**melka one** · 21/10/2018, 18h26

jour

essai avec cette syntaxe

Code :

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

Object.getPrototypeOf(clio).turbo = "bereta";

**taymia** · 21/10/2018, 19h45

Bonjour melka one.

Je constate que ça fonctionne.
Au delà de cette excellente nouvelle peux tu m'éclairer un peu plus.
La méthode Object.create() crée un objet qui ne descendend pas de Object (voir ici : http://https://developer.mozilla.org...ject/prototype

Et s'il ne descend pas de Object alors il n'a pas de prototype.

Donc s'il n'a pas de prototype, comment getPrototypeOf() peut récupérer un prototype qui n'existe pas?

Je ne vois pas ou je me trompe? Peux tu m'aider à la compréhension?
Merci beaucoup.

**danielhagnoul** · 21/10/2018, 20h51

Voir : https://developer.mozilla.org/en-US/...getPrototypeOf

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
let Voiture ={
    roue: 4,
    km: 0,
};
 
let clio = Object.create(Voiture); // écriture possible mais normalement on doit utiliser new
 
clio.turbo = "bereta";
 
console.log(`Ma clio a un turbo de marque : ${ clio.turbo }`);
 
console.log(clio.prototype); // undefined
 
let protoClio = Object.getPrototypeOf(clio);
 
protoClio.distance = ( vitesse=120, temps=1 ) => {
    return vitesse * temps;
}
 
console.log(`clio distance : ${ clio.distance() } km`);

**melka one** · 21/10/2018, 21h09

l'utilisation du mot prototype marche pour la fonction constructeur d'un objet c'est le cas quand on utilise new, dans ton car on ne peut pas le faire car Object.create n'utilise pas de fonction constructeur pour cree une instance tu n'a qu'une référence a l'objet et dans ce cas on utilise getPrototypeOf ou __proto__

**taymia** · 21/10/2018, 21h38

Merci à tous j'ai tout compris.
Melka one, ta réponse était parfaite et m'a parfaitement éclairé.

**CosmoKnacki** · 21/10/2018, 21h42

Un article intéressant sur le sujet: https://javascriptweblog.wordpress.c...pt-prototypes/

**tsuji** · 22/10/2018, 14h34

On peut aussi faire comme ça.

Code javascript :

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

1
2
3
                        var clio = Object.create(voiture);
                        //clio.prototype.turbo = "bereta";
                        clio.constructor.prototype.turbo = "bereta";

Comment modifier un prototype

JavaScript

Discussions similaires

Partager

Partager