1
00:00:00,310 --> 00:00:08,050
Cette vidéo que je vais présenter des fonctions et des fonctions Javascript est probablement l'aspect le plus important de Javascript.

2
00:00:08,130 --> 00:00:10,140
Nous allons donc consacrer beaucoup de temps à eux.

3
00:00:10,650 --> 00:00:14,410
Donc, nous avons quelques objectifs ici et le premier est conceptuel.

4
00:00:14,520 --> 00:00:20,180
Nous voulons comprendre pourquoi nous utilisons des fonctions et ensuite les trois autres sont plus sur l'écriture réellement code.

5
00:00:20,220 --> 00:00:29,820
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.

6
00:00:29,880 --> 00:00:32,950
Commençons par parler de ce que sont les fonctions réellement.

7
00:00:33,180 --> 00:00:39,110
Dans une vidéo antérieure, j'ai mentionné que les fonctions sont en quelque sorte une variable pour les lignes de code.

8
00:00:39,420 --> 00:00:53,280
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.

9
00:00:53,640 --> 00:01:03,030
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.

10
00:01:03,030 --> 00:01:07,080
Donc la prochaine chose à propos des fonctions est que nous devons les déclarer en premier.

11
00:01:07,230 --> 00:01:11,050
Nous définissons donc un bloc de code et nous lui donnons un nom.

12
00:01:11,190 --> 00:01:14,870
Donc cela fait la fonction et alors nous devons l'exécuter plus tard.

13
00:01:14,880 --> 00:01:16,410
Il s'agit donc d'un processus en deux étapes.

14
00:01:16,440 --> 00:01:20,230
Déclarez une fonction et appelez-la pour que vous puissiez la voir ici.

15
00:01:20,310 --> 00:01:32,070
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.

16
00:01:32,070 --> 00:01:37,610
Donc, celui-ci est appelé Do quelque chose des parenthèses et ensuite des accolades.

17
00:01:37,830 --> 00:01:48,740
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.

18
00:01:48,750 --> 00:01:51,170
Alors laissez-moi vous montrer ce que cela ressemble.

19
00:01:52,230 --> 00:01:56,900
Donc, je vais définir une fonction ici vous permet de fonctionner.

20
00:01:57,600 --> 00:02:16,600
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.

21
00:02:16,620 --> 00:02:22,620
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.

22
00:02:22,860 --> 00:02:28,680
Je viens d'enregistrer une fonction appelée salut dit, mais il n'exécute pas le code.

23
00:02:28,680 --> 00:02:39,630
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.

24
00:02:39,630 --> 00:02:45,310
Donc j'espère que déjà vous pouvez voir pourquoi cela est utile, même si c'est un exemple très trivial.

25
00:02:45,330 --> 00:02:52,800
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.

26
00:02:52,980 --> 00:02:58,940
Alors une autre note rapide alors que j'ai cette ouverte si je viens de taper les mots dire boni sans les parenthèses.

27
00:02:59,310 --> 00:03:00,880
Et j'ai touché l'entrée.

28
00:03:01,020 --> 00:03:03,440
Ça me donne juste le code.

29
00:03:03,480 --> 00:03:05,420
Il s'agit donc d'une distinction très importante.

30
00:03:05,580 --> 00:03:12,390
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.

31
00:03:12,540 --> 00:03:19,850
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.

32
00:03:20,190 --> 00:03:25,520
Donc, vraiment important qu'il y ait une différence entre faire référence à une fonction et l'exécuter.

33
00:03:26,700 --> 00:03:31,140
J'ai donc un autre exemple de la façon dont les fonctions peuvent nous aider à essayer notre code.

34
00:03:31,290 --> 00:03:32,450
Rappelez-vous sec est.

35
00:03:32,520 --> 00:03:34,140
Ne vous répétez pas.

36
00:03:34,200 --> 00:03:47,180
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.

37
00:03:47,280 --> 00:03:49,950
J'ai besoin de tout ce code à nouveau et ainsi de suite.

38
00:03:49,950 --> 00:03:57,370
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.

39
00:03:57,400 --> 00:03:59,660
C'est beaucoup de code répété.

40
00:04:00,600 --> 00:04:07,880
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.

41
00:04:08,010 --> 00:04:12,540
J'ai mis ces quatre lignes de code là-dedans et puis de chanter la chanson à nouveau.

42
00:04:12,600 --> 00:04:16,740
Tout ce que je dois faire est d'écrire chanter la chanson avec des parenthèses.

43
00:04:16,860 --> 00:04:34,080
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.

44
00:04:34,080 --> 00:04:49,230
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.

45
00:04:49,740 --> 00:04:55,110
Et puis je vais ajouter mes bretelles et puis tout ce que je place à l'intérieur d'ici fait partie de la fonction.

46
00:04:55,170 --> 00:04:58,540
Donc, je vais coller ces quatre lignes de hotdogging constante.

47
00:04:58,620 --> 00:05:04,550
Twinkle scintille petite étoile juste comme ça.

48
00:05:05,010 --> 00:05:06,720
Et je vais frapper entrer.

49
00:05:06,720 --> 00:05:10,860
Et maintenant, j'ai dit javascript sur une fonction appelée Sing chanson.

50
00:05:11,160 --> 00:05:14,330
Si je n'ajoute pas les parenthèses, il me dit simplement le code.

51
00:05:14,480 --> 00:05:32,310
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.

52
00:05:32,310 --> 00:05:38,140
Donc, cela illustre la valeur des fonctions, même si c'est un exemple trivial de chant Twinkle Twinkle Little Star.

53
00:05:38,250 --> 00:05:39,960
Et ce n'est que quatre lignes.