5.15 Exercice: Fonction Factory et Constructeur

Dans le dernier exercice, nous avons utilisé la syntaxe littérale d'objet pour initialiser un objet d'adresse. Dans cet exercice, je veux que vous initialisiez un objet adresse, en utilisant d'abord une factory fonction puis en utilisant une fonction constructeur. Votre exercice consiste donc à écrire deux fonctions différentes, l'une est une factory fonction, l'autre est une fonction constructeur pour initialiser un objet d'adresse. Alors allez-y faites cet exercice et lorsque vous aurez terminé revenez et continuez à regarder la correction. Alors, je vais tout d'abord commencer par la fonction factory, donc les fonctions factory retournent simplement un nouvel objet, ici nous pouvons appeler cette fonction createAddress nous devons lui donner trois paramètres, rue, ville et codePostal, et ici nous retournons simplement un Nouvel objet avec trois propriétés, rue, que nous avons réglée sur l'argument de rue que nous avons reçu. Comme je vous l'ai dis précédemment, si la clé et la valeur sont identiques, nous pouvons rendre notre code plus propre en supprimant la valeur, donc dans cette valeur, nous aurons ces trois propriétés. C'est donc notre factory fonction, et nous pouvons simplement créer une nouvelle adresse comme celle-ci. Ainsi, au lieu d'utiliser la syntaxe littérale de l'objet, nous appelons createAddress et lui donnons ces trois valeurs. Maintenant, enregistrons l'adresse dans la console pour nous assurer que cela fonctionne bien. Nous avons ici un nouvel objet, avec ces trois propriétés. Passons maintenant à la fonction constructeur. Donc, fonction constructeur. Comme je vous l'ai dit auparavant, les fonctions constructeur ont une convention de dénomination différente, donc au lieu de la notation camelCase que nous utilisons dans les fonctions factory. Ici, nous utilisons la notation PascalCase, donc la première lettre du premier mot doit être en majuscule. Nous allons donc appeler cette adresse de fonction. Encore une fois, nous allons passer trois paramètres, maintenant ici au lieu de retourner un objet, nous allons utiliser le mot-clé this, pour initialiser ce nouvel objet, donc this. rue Nous avons mis cela à l'argument de rue puis this. ville et enfin this. code postal. Maintenant, pour créer un nouvel objet d'adresse à l'aide de cette fonction constructeur, nous utilisons ici le nouvel opérateur et appelons notre fonction constructeur. Encore une fois, nous transmettons ces valeurs. Et on connecte cet objet d'adresse dans la console. Enregistrez donc les modifications et nous obtenons exactement le même objet. Le but de cet exercice était donc de vous aider à vous familiariser avec la syntaxe de création des fonctions factory et constructeur. Dans le prochain exercice, nous allons travailler avec des objets de publication de blogs.