1
00:00:00,310 --> 00:00:06,180
Questo video che sto per introdurre funzioni e funzioni di Javascript sono probabilmente l'aspetto

2
00:00:06,180 --> 00:00:08,050
più importante di Javascript.

3
00:00:08,130 --> 00:00:10,140
Quindi passeremo una discreta quantità di tempo su di loro.

4
00:00:10,650 --> 00:00:14,410
Quindi abbiamo alcuni obiettivi qui e il primo è concettuale.

5
00:00:14,520 --> 00:00:19,530
Vogliamo capire perché usiamo le funzioni e quindi gli altri tre sono più sulla scrittura

6
00:00:19,530 --> 00:00:20,180
del codice.

7
00:00:20,220 --> 00:00:26,570
Quindi vogliamo essere in grado di definire una funzione senza argomenti per trovare una funzione con argomenti

8
00:00:26,610 --> 00:00:29,820
e definire una funzione che restituisce un valore.

9
00:00:29,880 --> 00:00:32,950
Quindi iniziamo parlando di quali siano effettivamente le funzioni.

10
00:00:33,180 --> 00:00:39,110
In un video precedente ho menzionato che le funzioni sono un po 'come una variabile per linee di codice.

11
00:00:39,420 --> 00:00:48,390
Quindi se una variabile normale memorizza un valore come ciao o 27 una funzione può memorizzare 20 righe di codice e quindi possiamo richiamare

12
00:00:48,390 --> 00:00:53,280
quella funzione e quelle 20 righe di codice possono essere eseguite di nuovo.

13
00:00:53,640 --> 00:00:59,310
Quindi è decisamente più sfumato di quella spiegazione, ma mi piace come un modo semplice per

14
00:00:59,310 --> 00:01:03,030
introdurre che le funzioni sono solo bit di codice riutilizzabili.

15
00:01:03,030 --> 00:01:07,080
Quindi la prossima cosa sulle funzioni è che dobbiamo prima dichiararle.

16
00:01:07,230 --> 00:01:11,050
Quindi definiamo un blocco di codice e gli diamo un nome.

17
00:01:11,190 --> 00:01:14,870
Quindi questo rende la funzione e quindi dobbiamo eseguirla in seguito.

18
00:01:14,880 --> 00:01:16,410
Quindi è un processo in due fasi.

19
00:01:16,440 --> 00:01:20,230
Dichiarare una funzione e quindi chiamarla in modo da poter vedere qui.

20
00:01:20,310 --> 00:01:28,170
Questa è in realtà la sintassi per dichiarare una funzione funzione come una parola chiave come var o F o mentre così

21
00:01:28,320 --> 00:01:32,070
funziona tutto ciò che vogliamo qui questo è il nostro nome.

22
00:01:32,070 --> 00:01:37,610
Quindi questo è chiamato Fare parentesi e quindi parentesi graffe.

23
00:01:37,830 --> 00:01:43,770
E poi inseriamo tutte le linee di codice che vogliamo all'interno delle parentesi graffe e quindi possiamo

24
00:01:43,770 --> 00:01:48,740
chiamare la funzione in seguito facendo riferimento al suo nome con parentesi alla fine.

25
00:01:48,750 --> 00:01:51,170
Quindi lascia che ti mostri come si presenta.

26
00:01:52,230 --> 00:01:56,900
Quindi definirò una funzione qui ti permette di funzionare.

27
00:01:57,600 --> 00:02:05,100
Dì ciao e tutto quello che sta per fare è cancellare quel

28
00:02:08,610 --> 00:02:16,600
log ciao e faremo due righe per cancellare quel log addio proprio così.

29
00:02:16,620 --> 00:02:21,690
Quindi, quando premo Invio, JavaScript vedrà questo codice, ma in realtà non eseguirà i registri dei

30
00:02:21,690 --> 00:02:22,620
bot di Consiglio.

31
00:02:22,860 --> 00:02:28,680
Sto solo registrando una funzione chiamata say hi ma non esegue il codice.

32
00:02:28,680 --> 00:02:35,850
riferisco al suo nome, dì ciao e aggiungo parentesi e premo invio e gira qualunque cosa c'è dentro di dire Salve.

33
00:02:36,720 --> 00:02:39,630
Quindi ora se voglio chiamare quella funzione mi

34
00:02:39,630 --> 00:02:45,310
Quindi, si spera, puoi già capire perché questo è utile anche se è un esempio molto banale.

35
00:02:45,330 --> 00:02:51,030
Stavamo ancora scrivendo due righe di costanti come Hilo Council d'Artois e, per fare questo, tutto ciò che dobbiamo fare

36
00:02:51,030 --> 00:02:52,800
è scrivere questa linea davvero breve.

37
00:02:52,980 --> 00:02:58,940
Quindi un'altra breve nota mentre ho questo aperto se ho appena digitato le parole dire ciao senza parentesi.

38
00:02:59,310 --> 00:03:00,880
E ho colpito invio.

39
00:03:01,020 --> 00:03:03,440
Mi restituisce il codice.

40
00:03:03,480 --> 00:03:05,420
Quindi questa è una distinzione davvero importante.

41
00:03:05,580 --> 00:03:11,310
Se scrivo solo le parole dire Ciao, mi darà tutto il valore di say hi ma non

42
00:03:11,310 --> 00:03:12,390
esegue il codice.

43
00:03:12,540 --> 00:03:18,180
Quindi devo avere quelle parentesi che andranno a prendere il valore di questa funzione e

44
00:03:18,180 --> 00:03:19,850
quindi eseguirà la funzione.

45
00:03:20,190 --> 00:03:25,520
Quindi è davvero importante che ci sia una differenza tra il riferimento a una funzione e l'esecuzione.

46
00:03:26,700 --> 00:03:31,140
Quindi ho un altro esempio di come le funzioni possono aiutarci a provare il nostro codice.

47
00:03:31,290 --> 00:03:32,450
Ricorda che l'asciutto è.

48
00:03:32,520 --> 00:03:34,140
Non ripeterti.

49
00:03:34,200 --> 00:03:39,450
Quindi, se volessi cantare questa canzone che è Twinkle, la piccola stella scintillante, ho quattro istruzioni per il

50
00:03:39,450 --> 00:03:47,180
registro del vault del concerto in modo da cantare la canzone una volta che ho bisogno di tutto questo codice e poi voglio cantarla di nuovo.

51
00:03:47,280 --> 00:03:49,950
Ho bisogno di tutto quel codice ancora e così via.

52
00:03:49,950 --> 00:03:56,250
Ogni volta che voglio cantare questa canzone devo eseguire quelle quattro righe di codice individualmente che ovviamente non

53
00:03:56,250 --> 00:03:57,370
sono molto secche.

54
00:03:57,400 --> 00:03:59,660
È un sacco di codice ripetuto.

55
00:04:00,600 --> 00:04:07,200
Quindi, usando una funzione, posso semplicemente scrivere quei registri costanti una volta che la funzione canta la canzone, qualunque cosa io

56
00:04:07,200 --> 00:04:07,880
voglia chiamarla.

57
00:04:08,010 --> 00:04:12,540
Inserisco quelle quattro righe di codice lì dentro e poi a cantare di nuovo la canzone.

58
00:04:12,600 --> 00:04:16,740
Tutto quello che devo fare è scrivere canzoni con parentesi.

59
00:04:16,860 --> 00:04:25,170
Quindi facciamolo ora chiariamo questo che è chiaramente una funzione che ho appena usato e questo è uno che

60
00:04:25,170 --> 00:04:30,390
viene fornito con javascript nel browser non devo definirlo ma proprio come

61
00:04:30,390 --> 00:04:34,080
altre funzioni ho bisogno delle parentesi per eseguirlo.

62
00:04:34,080 --> 00:04:40,620
Quindi, tornando alla nostra funzione cantilena, scriverò la parola chiave function e poi il nome e riprenderò una

63
00:04:40,620 --> 00:04:47,970
cantilena e dirò solo che sai che la convenzione usa il caso cammello per i nomi di funzioni come i

64
00:04:47,970 --> 00:04:49,230
nomi delle variabili.

65
00:04:49,740 --> 00:04:55,110
E poi aggiungerò le mie parentesi graffe e poi qualsiasi cosa ho messo dentro di qui è parte della funzione.

66
00:04:55,170 --> 00:04:58,540
Quindi ho intenzione di incollare quelle quattro linee costante di hotdogging.

67
00:04:58,620 --> 00:04:59,760
Twinkle luccica una piccola

68
00:05:03,630 --> 00:05:04,550
stella proprio così.

69
00:05:05,010 --> 00:05:06,720
E ho intenzione di colpire entrare.

70
00:05:06,720 --> 00:05:10,860
E ora ho detto a javascript di una funzione chiamata Canzone.

71
00:05:11,160 --> 00:05:14,330
Se non aggiungo le parentesi, mi dice semplicemente il codice.

72
00:05:14,480 --> 00:05:20,520
basta digitare quattro volte piuttosto che dover scrivere 16 Konst sui registri me stessa.

73
00:05:20,580 --> 00:05:28,230
Ma se voglio cantare la canzone, devo solo scrivere una canzone con parentesi e se voglio scrivere

74
00:05:28,230 --> 00:05:32,310
se voglio cantare la canzone quattro volte è semplicissimo,

75
00:05:32,310 --> 00:05:37,380
Quindi questo illustra il valore delle funzioni anche se è un banale esempio di cantare Twinkle Twinkle

76
00:05:37,380 --> 00:05:38,140
Little Star.

77
00:05:38,250 --> 00:05:39,960
Ed è solo quattro righe.

78
00:05:39,960 --> 00:05:45,960
Immagina di avere 50 linee di codice che utilizziamo 50 volte, risparmiandoci

79
00:05:45,960 --> 00:05:46,250
molto