la grande différence/feature des arrows functions c'est surtout que le this est hérité du parent et ça évite de faire des .bind(this) ou des that = this

@melvynxdev

10 ай бұрын

il fallait dire 1 seul différence dans ma question ;)

@jeremiepicard2339

10 ай бұрын

​@@melvynxdev je pense que la réponse de codip780 a plus de sens. Ce qui est décrit dans la vidéo sur le hoisting provient de la différence déclaration/affection. Toutes les déclarations sont hoistées, les affectations sont exécutées dans l'ordre du fichier. La déclaration d'une function est un cas particulier où la déclaration et l'affectation ne sont qu'une instruction 💡

@moonsama395

10 ай бұрын

Oui les fonctions arrow sont bound au contexte ou elle sont déclarés automatiquement.

@davabs9422

3 ай бұрын

Il veut avoir réponse à tout sans admettre ces erreurs

Merci Melvyn. Ta video est super sympa. Je ne comprenais pas tout cela. J'ai même partagé à ma mère qui a kiffé à donf ton tuto de ouf. 😂👌🏼👍🏼💪🏼

@melvynxdev

10 ай бұрын

Ahaha merci beaucoup 🤣🤣🤣

Franchement super bien expliqué

@melvynxdev

10 ай бұрын

merci !

Merci c'est vraiment utile pour les entretiens.

@melvynxdev

6 ай бұрын

Merci trop cool !

Génial merci :D

@melvynxdev

10 ай бұрын

merci à toi !

Merci frère 🤜🏾🤛🏾

@melvynxdev

10 ай бұрын

merci !

Merci Melvynx

@melvynxdev

12 күн бұрын

Merci à toi !

Excellente vidéo et super explication pour la call stack un régal 😍 Par contre info importante mais tu as oublié le point virgule dans ton exemple à la min 7 ce qui change tout sinon ça renvoi bien pareil 😅

@melvynxdev

10 ай бұрын

ah merde, merci beaucoup, dommage que je ne puisse pas modifier

@jimmyj.6792

10 ай бұрын

T’en fais pas j’avais compris ton exemple. Toujours au top tes schémas explicitifs 🔥

salut ! à 7:09 t'as oublié le ";" du coup les deux fonction return pareil et ensuite dans ton exemple il y est donc la c'es différent

@melvynxdev

5 ай бұрын

ah mince

Super vidéo, tu as quoi comme extension pour que tes console.log() s'affichent directement dans l'éditeur de code ?

@Leonnnnnnnnnnnn

10 ай бұрын

console Ninja

@melvynxdev

10 ай бұрын

quokka oui

Salut Melvynx, mdr, je ne connaissais pas le terme HOF. Le concept, bien sûr que oui. Mais pas le terme exact. Merci :) Pour comprendre le principe de prototype, il faut se replonger dans le passé puisque avant si tu voulais faire de "l'objet", c'était en prototype (c'est du pseudo objet). Après, il y avait pas mal de solutions annexes. Mais le problème, tu n'avais pas une uniformisation de la syntaxe/méthodo/philosophie . Avant, certains disaient que le JS est un langage objet. Or, c'était un abus de langage. Le problème que tu peux rencontrer en faisant du prototype, c'est que tu as la fameuse ambiguïté du this. Je vais le déterrer… Quand tu voulais étendre une fonctionnalité de jQuery, c'était de mémoire, une syntaxe similaire à prototype. ;) Pour comprendre les closures, il faut aussi comprendre la portée des variables. Mais attention au contexte. Tout le monde pense que les mots const et class viennent de ES2015. Or c'est faux. C'est nettement plus vieux que ça. Mais les navigateurs ne les prenaient pas en compte !

@melvynxdev

10 ай бұрын

effectivement, tu as raison pour le this mais je demandais qu'une seul différence !

@MrNiuxe

10 ай бұрын

@@melvynxdev Je t'ai envoyé un mail

Mais oui c'est clair !

@melvynxdev

4 ай бұрын

Trop cool !

Super merci pour ces infos ! J'ai vu que ton console.log s'affichait dans ton IDE. Peux-tu partager ce plug-in ? D'avance merci, je me suis abonné super contenu !

@MHDev_

10 ай бұрын

il me semble que c'est console ninja

@melvynxdev

10 ай бұрын

quokka oui

J’ai partagé ça à ta mère 😎 Super vidéo comme dab ! par contre tu laisse 5 sec pour comprendre un truc et tu met 1 min à l’expliquer mdr 🤣

@melvynxdev

10 ай бұрын

ah bah merci xD Tu as raison oui mais tu peux mettre pause

Merci pour cette vidéo ! En revanche, sur les arrow function je suis tombé sur quelqu'un qui expliquait la différence d'interprétation de 'this' par rapport à une regular function... je pense avoir compris, quoique... ! (j'espère avoir été assez clair dans mon explication). Aurais-tu un avis sur le sujet afin de m'éclairer un peu, merci !

@MHDev_

10 ай бұрын

Le mot clé this dans une regular function dépend de la manière dont la function est applée, exemple tu peux '.call()' / '.bind()' this d'un autre context pour y faire référence dans ta régular function, alors qu'une fonction fléché n'a pas 'son propre this', elle utilise le 'this' de l'environnement dans le quel elle est créée, tu pourra essayer de call() ou autre le this d'une fonction fléché pour le redéfinir cela ne marchera pas, en gros les fonctions régulières ont un this qui est flexible (avec un .call() ou autre tu peux appeler this d'un autre contexte alors qu'avec une fonction fléchée this hérite obligatoirement du contexte parent.

@melvynxdev

10 ай бұрын

oui, ici il fallait que je mentionne qu'une seul différence et this aurait pris toute la vidéo donc j'ai choisis le hoisting

Vraiment cool. Meri beaucoup. Mais dis qu'est ce que tu utilise qui met les carrés vert a coté de ton code ?

@elie8181

10 ай бұрын

C'est quokka un plugin disponible dans vscode qui permet d'avoir l'affichage du résultat du code comme si l'on faisait un console.log dans la console

@OutisDev

10 ай бұрын

@@elie8181 je ne parle pas de ça mais des carré vert a gauche du code

@OutisDev

10 ай бұрын

Ahh d'accord merci @@elie8181

@melvynxdev

10 ай бұрын

quooka oui

@OutisDev

10 ай бұрын

Merci@@melvynxdev

Quel plugin vous utilisez pour avoir le résultat sur la droite de la fonction sur vs ?

@melvynxdev

5 ай бұрын

C'est natif avec un settings

@monsieurm2904

5 ай бұрын

dans vscode > setting.json ? @@melvynxdev J'ai regardé la vidéo sur VS Code (ou désintalle-le) mais j'ai pas trouvé

Cool

@melvynxdev

10 ай бұрын

cooool

Est-ce que tu as un exemple de cas concret où le prototype est plus utile qu'une méthode directement rajoutée dans la classe ?

@melvynxdev

10 ай бұрын

non

@slider97311

10 ай бұрын

A quoi ça sert alors ?

Merci a Melvin par ce que je n'ai jamais rien compris a l'ordinateur. Partager a la mere.

@melvynxdev

10 ай бұрын

ah oui

La fonction addeventlister est donc une HOF?

@melvynxdev

8 ай бұрын

Oui c'est ça

À 13:21 la méthode bark est directement dans le prototype non ?

@GuillaumeDenry

10 ай бұрын

Oui, en effet, c'est un des motifs de l'introduction du mot-clef "class" dans javascript, de pouvoir définir des fonctions directement sans avoir à les affecter explicitement au prototype de la fonction constructeur

@melvynxdev

10 ай бұрын

exactement

@nicoddbbo6856

10 ай бұрын

@@GuillaumeDenry Yes merci !

comment vs code peut afficher le resulat de la console.log() dans vs code? extension? copilot? 7:30

@melvynxdev

4 ай бұрын

oui copilot

@ramytchikou7483

4 ай бұрын

@@melvynxdevmerci boss

Tout tes postes LinkedIn et Twitter de la semaine haha

@melvynxdev

10 ай бұрын

Tu es bon toi !

Il faut la meme vidéo mais pour ts 🤓

@melvynxdev

3 ай бұрын

Oui trop bonne idée !!!