1
00:00:00,310 --> 00:00:06,180
Este vídeo, eu vou apresentar funções e funções de Javascript, provavelmente é o aspecto

2
00:00:06,180 --> 00:00:08,050
mais importante do Javascript.

3
00:00:08,130 --> 00:00:10,140
Então, vamos gastar uma quantidade decente de tempo neles.

4
00:00:10,650 --> 00:00:14,410
Então, temos alguns objetivos aqui e o primeiro é conceitual.

5
00:00:14,520 --> 00:00:19,530
Queremos entender por que usamos funções e, em seguida, os outros três são mais sobre realmente

6
00:00:19,530 --> 00:00:20,180
escrever código.

7
00:00:20,220 --> 00:00:26,570
Então, queremos poder definir uma função sem argumentos para encontrar uma função com argumentos e

8
00:00:26,610 --> 00:00:29,820
definir uma função que retorna um valor.

9
00:00:29,880 --> 00:00:32,950
Então, vamos começar por falar sobre quais são realmente as funções.

10
00:00:33,180 --> 00:00:39,110
Em um vídeo anterior, mencionei que as funções são como uma variável para linhas de código.

11
00:00:39,420 --> 00:00:48,390
Então, se uma variável normal irá armazenar um valor como hello ou 27, uma função pode armazenar 20 linhas de código e então podemos

12
00:00:48,390 --> 00:00:53,280
recuperar essa função e essas 20 linhas de código podem ser executadas novamente.

13
00:00:53,640 --> 00:00:59,310
Então, é definitivamente mais matizado do que essa explicação, mas eu gosto de uma maneira simples

14
00:00:59,310 --> 00:01:03,030
de introduzir que as funções são apenas pedaços de código reutilizáveis.

15
00:01:03,030 --> 00:01:07,080
Então, a próxima coisa sobre as funções é que devemos declará-los primeiro.

16
00:01:07,230 --> 00:01:11,050
Então, nós definimos um bloco de código e nós damos um nome.

17
00:01:11,190 --> 00:01:14,870
Então, isso faz a função e depois temos que executá-la mais tarde.

18
00:01:14,880 --> 00:01:16,410
Então, é um processo de dois passos.

19
00:01:16,440 --> 00:01:20,230
Declare uma função e depois ligue para que você possa ver aqui.

20
00:01:20,310 --> 00:01:28,170
Esta é, na verdade, a sintaxe para declarar uma função função como uma palavra-chave, como var ou F, ou enquanto isso funciona

21
00:01:28,320 --> 00:01:32,070
qualquer coisa que desejamos aqui, este é o nosso nome.

22
00:01:32,070 --> 00:01:37,610
Então este é chamado de fazer parênteses e, em seguida, braçadeiras curly.

23
00:01:37,830 --> 00:01:43,770
E então colocamos tantas linhas de código como queremos dentro das chaves e então podemos

24
00:01:43,770 --> 00:01:48,740
chamar a função mais tarde, referenciando seu nome com parênteses no final.

25
00:01:48,750 --> 00:01:51,170
Então, deixe-me mostrar o que isso parece.

26
00:01:52,230 --> 00:01:56,900
Então, eu vou definir uma função aqui permite que você funcione.

27
00:01:57,600 --> 00:02:05,100
Diga oi e tudo o que vai fazer é cancelar aquele log,

28
00:02:08,610 --> 00:02:16,600
olá, e nós vamos fazer duas linhas cancelar esse log adeus assim.

29
00:02:16,620 --> 00:02:21,690
Então, quando acertei o login, o JavaScript iria ver esse código, mas na verdade não funcionaria os logs

30
00:02:21,690 --> 00:02:22,620
do Conselho Bot.

31
00:02:22,860 --> 00:02:28,680
Estou apenas registrando uma função chamada dizer oi, mas não executa o código.

32
00:02:28,680 --> 00:02:35,850
me refiro ao nome dele, diga oi e adiciono parênteses e entrei e entro o que há dentro de dizer, oi.

33
00:02:36,720 --> 00:02:39,630
Então, agora, se eu quiser chamar essa função, eu

34
00:02:39,630 --> 00:02:45,310
Então, espero que você já veja porque isso é útil mesmo que seja um exemplo muito trivial.

35
00:02:45,330 --> 00:02:51,030
Ainda estávamos escrevendo duas linhas constantes como Hilo Council d'Artois e para fazer isso, tudo o que temos a fazer

36
00:02:51,030 --> 00:02:52,800
é escrever esta linha muito curta.

37
00:02:52,980 --> 00:02:58,940
Então, outra nota rápida enquanto eu tenho isso aberto se eu apenas digitei as palavras, diga oi sem parênteses.

38
00:02:59,310 --> 00:03:00,880
E eu entrei no enter.

39
00:03:01,020 --> 00:03:03,440
Apenas me devolve o código.

40
00:03:03,480 --> 00:03:05,420
Então, esta é uma distinção realmente importante.

41
00:03:05,580 --> 00:03:11,310
Se eu apenas digitar as palavras, diga Olá, ele só vai me dar qualquer valor de dizer oi, mas

42
00:03:11,310 --> 00:03:12,390
não executa o código.

43
00:03:12,540 --> 00:03:18,180
Então eu tenho que ter aqueles parênteses lá que irão obter o valor desta função e então

44
00:03:18,180 --> 00:03:19,850
ele vai executar a função.

45
00:03:20,190 --> 00:03:25,520
Tão importante que há uma diferença entre se referir a uma função e executá-la.

46
00:03:26,700 --> 00:03:31,140
Então, eu tenho outro exemplo aqui de como as funções podem nos ajudar a experimentar nosso código.

47
00:03:31,290 --> 00:03:32,450
Lembre-se de ser seco.

48
00:03:32,520 --> 00:03:34,140
Não se repita.

49
00:03:34,200 --> 00:03:39,450
Então, se eu quisesse cantar essa música, que é Twinkle twinkle little star, eu tenho quatro declarações

50
00:03:39,450 --> 00:03:47,180
de registro de vault do concerto para cantar a música uma vez que eu preciso de todo esse código e então eu quero cantar novamente.

51
00:03:47,280 --> 00:03:49,950
Eu preciso de todo esse código novamente e assim por diante.

52
00:03:49,950 --> 00:03:56,250
Toda vez que eu quero cantar essa música, eu tenho que executar essas quatro linhas de código individualmente, o que obviamente

53
00:03:56,250 --> 00:03:57,370
não é muito seco.

54
00:03:57,400 --> 00:03:59,660
É um código repetido.

55
00:04:00,600 --> 00:04:07,200
Então, usando uma função, eu posso apenas escrever esses registros constantes, uma vez que a função canta a música, seja lá o que eu

56
00:04:07,200 --> 00:04:07,880
queira chamar.

57
00:04:08,010 --> 00:04:12,540
Coloco essas quatro linhas de código lá e depois cantar a música novamente.

58
00:04:12,600 --> 00:04:16,740
Tudo o que tenho a fazer é escrever cantar canção com parênteses.

59
00:04:16,860 --> 00:04:25,170
Então, vamos fazer isso agora, vamos limpar isso, pelo que claro, é uma função que acabei de usar e este é

60
00:04:25,170 --> 00:04:30,390
o que vem com javascript no navegador, eu não tenho que defini-lo, mas

61
00:04:30,390 --> 00:04:34,080
como outras funções, eu preciso dos parênteses para execute.

62
00:04:34,080 --> 00:04:40,620
Então, de volta à nossa função de singsong, vou escrever a palavra-chave da função e, em seguida, nomeei e vou

63
00:04:40,620 --> 00:04:47,970
seguir um singsong novamente e apenas dizer que você sabe que a convenção é usar capas de camelo para nomes de funções, assim

64
00:04:47,970 --> 00:04:49,230
como nomes de variáveis.

65
00:04:49,740 --> 00:04:55,110
E então eu vou adicionar minhas chaves e, então, o que eu colocar dentro daqui é parte da função.

66
00:04:55,170 --> 00:04:58,540
Então eu vou colar essas quatro linhas constantes hotdogging.

67
00:04:58,620 --> 00:04:59,760
Twinkle brilha pequena

68
00:05:03,630 --> 00:05:04,550
estrela assim.

69
00:05:05,010 --> 00:05:06,720
E vou tocar Enter.

70
00:05:06,720 --> 00:05:10,860
E agora eu disse ao javascript sobre uma função chamada Sing song.

71
00:05:11,160 --> 00:05:14,330
Se eu não adicionar os parênteses, ele apenas me diz o código.

72
00:05:14,480 --> 00:05:20,520
basta digitar quatro vezes em vez de ter que escrever 16 Konst sobre logs Eu mesmo.

73
00:05:20,580 --> 00:05:28,230
Mas se eu quiser cantar a música, basta escrever cantar canção com parênteses e se eu quiser escrever se

74
00:05:28,230 --> 00:05:32,310
eu quiser cantar a música quatro vezes é super fácil,

75
00:05:32,310 --> 00:05:37,380
Então isso ilustra o valor das funções mesmo que seja um exemplo trivial de cantar Twinkle Twinkle

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

77
00:05:38,250 --> 00:05:39,960
E são apenas quatro linhas.

78
00:05:39,960 --> 00:05:45,960
Imagine quando temos funções que são 50 linhas de código que estamos usando 50 vezes que nos poupa

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