1
00:00:00,420 --> 00:00:01,470
Nous saluons le retour.

2
00:00:01,470 --> 00:00:04,840
Dans cette vidéo, nous allons parler de prototypes.

3
00:00:04,920 --> 00:00:18,720
Nous allons d'abord comprendre ce que l'objet prototype est que nous allons ensuite décrire et diagramme de la relation entre le prototype de Dunder Prato et constructeur puis ajouter des méthodes et des propriétés sur l'objet prototype pour écrire un code plus efficace.

4
00:00:18,750 --> 00:00:25,890
Et enfin, nous serons en mesure d'expliquer la différence entre l'ajout de méthodes et de propriétés au prototype par rapport à la fonction constructeur.

5
00:00:26,370 --> 00:00:35,730
Mais avant de nous approfondir dans les prototypes Let's examiner rapidement une fois de plus avec le nouveau mot-clé ne crée d'abord un objet hors de l'air.

6
00:00:35,730 --> 00:00:42,180
Deuxièmement, elle définit la valeur du mot-clé ceci comme l'objet créé à l'étape précédente.

7
00:00:42,190 --> 00:00:46,200
Troisièmement, il ajoute un retour à la fonction constructeur.

8
00:00:46,200 --> 00:00:55,950
Enfin, il crée un lien auquel nous pouvons accéder en tant que Dunder Prato entre l'objet créé et la propriété prototype de la fonction constructeur.

9
00:00:55,950 --> 00:00:58,020
Parlons un peu plus de ce point.

10
00:00:58,050 --> 00:01:01,330
Mieux encore, schématisons cette relation.

11
00:01:01,440 --> 00:01:03,170
Ne soyez pas trop intimidé par ce diagramme.

12
00:01:03,240 --> 00:01:06,330
Traversons-le étape par étape comme guide.

13
00:01:06,330 --> 00:01:10,280
Un cercle est une fonction et un carré est un objet.

14
00:01:10,290 --> 00:01:24,360
Donc, ici, nous avons une fonction constructeur personne qui a une propriété appelée prototype qui est un objet que l'objet a une propriété sur lui appelé constructeur qui pointe vers la fonction constructeur d'origine.

15
00:01:24,360 --> 00:01:43,650
Si des propriétés ou des méthodes sont placées sur le prototype de personne ils peuvent être accessibles à partir de n'importe quel objet créé à partir de cette fonction de constructeur la manière dont ces objets qui sont créés par la fonction de constructeur obtiennent l'accès à l'objet de prototype est par le lien de donateur Prato.

16
00:01:43,890 --> 00:01:47,720
Ce lien est établi lorsque le nouveau mot-clé est utilisé.

17
00:01:47,940 --> 00:01:52,860
Pour récapituler chaque fonction constructeur a une propriété sur elle appelée prototype.

18
00:01:52,860 --> 00:01:58,150
La propriété prototype est un objet qui peut également avoir des méthodes et des propriétés qui lui sont attachées.

19
00:01:58,200 --> 00:02:05,100
Ces méthodes et propriétés sont partagées et accessibles par tout objet créé à partir de cette fonction constructeur.

20
00:02:05,130 --> 00:02:07,620
Lorsque le nouveau mot-clé est utilisé.

21
00:02:07,710 --> 00:02:10,360
Maintenant, voyons ce que cela ressemble à l'exemple de code.

22
00:02:10,410 --> 00:02:14,970
Je vais copier et coller ce code dans la console chrome et nous pouvons marcher à travers chaque ligne de celui-ci.

23
00:02:15,180 --> 00:02:20,560
Tout d'abord, j'ai la fonction constructeur appelée personne avec une propriété appelée nom.

24
00:02:20,610 --> 00:02:27,480
Depuis que j'ai créé une fonction, nous pouvons déjà voir qu'il existe une propriété sur la fonction appelée prototype.

25
00:02:27,480 --> 00:02:33,830
Maintenant, je vais créer deux objets appelés un LP à partir de ma fonction constructeur à l'aide de la nouvelle clé.

26
00:02:34,350 --> 00:02:43,400
Depuis que j'utilise le nouveau mot-clé une propriété a été ajoutée à chacun de ces objets appelés Dunder produ qui pointe vers la propriété de prototype sur le constructeur de personne.

27
00:02:43,710 --> 00:02:48,360
Nous allons discuter dans la vidéo suivante pourquoi cette propriété prototype est si utile.

28
00:02:48,360 --> 00:02:55,440
Enfin, l'objet prototype a une propriété sur lui appelé constructeur qui pointe vers la fonction constructeur d'origine.

29
00:02:55,530 --> 00:03:06,340
La propriété de constructeur n'est pas quelque chose que vous utiliserez ou manipulerez fréquemment mais c'est une partie importante dans un concept appelé l'héritage que nous discuterons dans une autre série avant que nous finissions cette vidéo.

30
00:03:06,360 --> 00:03:11,070
Je veux retourner quelques diapositives sur le diagramme afin que nous puissions revenir dessus une fois de plus.

31
00:03:11,340 --> 00:03:15,480
Rappelez-vous que les cercles sont des fonctions et que les carrés sont des objets.

32
00:03:15,480 --> 00:03:21,270
Donc ici j'ai deux objets appelés Ellie et le froid qui ont été créés à partir de la fonction constructeur personne.

33
00:03:21,270 --> 00:03:22,290
Le cercle vert.

34
00:03:22,290 --> 00:03:24,780
Depuis que j'utilise le nouveau mot-clé quand je les ai créés.

35
00:03:24,960 --> 00:03:32,530
Chacun de ces objets a une propriété appelée Dunder Prado qui pointe vers la propriété prototype sur le constructeur de la personne.

36
00:03:32,940 --> 00:03:38,010
Dans la prochaine vidéo, nous allons examiner l'objet prototype et voir à quel point il est utile.