Cette vidéo que je vais présenter des fonctions et des fonctions Javascript est probablement l'aspect le plus important de Javascript.
Nous allons donc consacrer beaucoup de temps à eux.
Donc, nous avons quelques objectifs ici et le premier est conceptuel.
Nous voulons comprendre pourquoi nous utilisons des fonctions et ensuite les trois autres sont plus sur l'écriture réellement code.
Nous voulons donc pouvoir définir une fonction sans arguments pour trouver une fonction avec des arguments et définir une fonction qui renvoie une valeur.
Commençons par parler de ce que sont les fonctions réellement.
Dans une vidéo antérieure, j'ai mentionné que les fonctions sont en quelque sorte une variable pour les lignes de code.
Donc, si une variable normale va stocker une valeur comme hello ou 27 une fonction peut stocker 20 lignes de code et puis nous pouvons rappeler que la fonction et ces 20 lignes de code peut être exécuté à nouveau.
Donc, il est certainement plus nuancé que cette explication, mais je l'aime comme un moyen simple d'introduire que les fonctions sont juste des bits réutilisables de code.
Donc la prochaine chose à propos des fonctions est que nous devons les déclarer en premier.
Nous définissons donc un bloc de code et nous lui donnons un nom.
Donc cela fait la fonction et alors nous devons l'exécuter plus tard.
Il s'agit donc d'un processus en deux étapes.
Déclarez une fonction et appelez-la pour que vous puissiez la voir ici.
C'est en fait la syntaxe pour déclarer une fonction de fonction comme un mot-clé comme var ou F ou alors alors la fonction tout ce que nous voulons ici c'est notre nom.
Donc, celui-ci est appelé Do quelque chose des parenthèses et ensuite des accolades.
Et puis nous mettons autant de lignes de code que nous voulons à l'intérieur des accolades et ensuite nous pouvons appeler la fonction plus tard en référençant son nom avec des parenthèses à la fin.
Alors laissez-moi vous montrer ce que cela ressemble.
Donc, je vais définir une fonction ici vous permet de fonctionner.
Dites salut et tout ce qu'il va faire est d'annuler ce bonjour de log et nous allons le faire faire deux lignes d'annuler ce journal au revoir juste comme ça.
Donc, quand j'ai frappé Enter javascript allait voir ce code, mais ce n'est pas réellement va exécuter les logs de bot du conseil.
Je viens d'enregistrer une fonction appelée salut dit, mais il n'exécute pas le code.
Donc maintenant si je veux appeler cette fonction je me réfère à son nom dire bonjour et j'ajoute les parenthèses et je frappe entrer et il tourne ce qui est à l'intérieur de dire Bonjour.
Donc j'espère que déjà vous pouvez voir pourquoi cela est utile, même si c'est un exemple très trivial.
Nous étions encore écrire deux lignes constantes comme Hilo Conseil d'Artois au revoir et pour faire tout ce que nous avons à faire est d'écrire cette ligne vraiment courte.
Alors une autre note rapide alors que j'ai cette ouverte si je viens de taper les mots dire boni sans les parenthèses.
Et j'ai touché l'entrée.
Ça me donne juste le code.
Il s'agit donc d'une distinction très importante.
Si je tape juste les mots disent Salut il va juste me donner quelle que soit la valeur de dire salut est, mais il ne fonctionne pas le code.
Donc, je dois avoir ces parenthèses là qui vont aller chercher la valeur de cette fonction et puis il va exécuter la fonction.
Donc, vraiment important qu'il y ait une différence entre faire référence à une fonction et l'exécuter.
J'ai donc un autre exemple de la façon dont les fonctions peuvent nous aider à essayer notre code.
Rappelez-vous sec est.
Ne vous répétez pas.
Donc, si je voulais chanter cette chanson qui est Twinkle peu scintiller petite star, j'ai quatre déclarations de log de cave de concert afin de chanter la chanson une fois que j'ai besoin de tout ce code et puis je veux le chanter à nouveau.
J'ai besoin de tout ce code à nouveau et ainsi de suite.
Chaque fois que je veux chanter cette chanson je dois exécuter ces quatre lignes de code individuellement qui n'est évidemment pas très sec.
C'est beaucoup de code répété.
Ainsi en utilisant une fonction je peux juste écrire ces journaux constants une fonction de temps chanter la chanson n'importe ce que je veux l'appeler.
J'ai mis ces quatre lignes de code là-dedans et puis de chanter la chanson à nouveau.
Tout ce que je dois faire est d'écrire chanter la chanson avec des parenthèses.
Alors laissez-nous faire maintenant que nous allons effacer ce qui, par la façon claire est une fonction que je viens d'utiliser et c'est celui qui vient avec javascript dans le navigateur je n'ai pas à le définir, mais tout comme d'autres fonctions, j'ai besoin des parenthèses à l'exécuter.
Donc, retour à notre fonction singsong, je vais écrire le mot-clé de la fonction et puis nom et je vais juste aller un chant de nouveau et juste dire que vous savez la convention est d'utiliser le cas de chameau pour les noms de fonction comme noms de variable.
Et puis je vais ajouter mes bretelles et puis tout ce que je place à l'intérieur d'ici fait partie de la fonction.
Donc, je vais coller ces quatre lignes de hotdogging constante.
Twinkle scintille petite étoile juste comme ça.
Et je vais frapper entrer.
Et maintenant, j'ai dit javascript sur une fonction appelée Sing chanson.
Si je n'ajoute pas les parenthèses, il me dit simplement le code.
Mais si je veux chanter la chanson je dois juste écrire chanter la chanson avec les parenthèses et si je veux écrire si je veux chanter la chanson quatre fois c'est super facile je tape juste quatre fois plutôt que d'avoir à écrire 16 Konst au sujet des journaux moi même.
Donc, cela illustre la valeur des fonctions, même si c'est un exemple trivial de chant Twinkle Twinkle Little Star.
Et ce n'est que quatre lignes.