Links{
Grupo: https://www.facebook.com/groups/canalprogramadorbr/ ,
Curso: https://programadorbr.com/p/dev-frontend/yt90
}
No Javascript tem muitas maneiras de criar uma função. Na verdade tem muitas maneiras de criar qualquer coisa em JS.
No vídeo de hoje, vamos ver como criar funções “normais”, anônimas e Arrow functions.
Source: Programador BR
Transcrição:
Fala galera igor oliveira por aqui seja bem-vinda mais esse vídeo e no vídeo de hoje eu vou falar sobre funções em javascript antes de criar esse vídeo aqui eu postei lá no grupo do canal o canal agora tem um grupo se você não sabe o link tac na descrição e lá a gente discute coisas sobre os vídeos que vão livre ou qualquer tema se você tiver alguma dúvida pode postar lá também que sempre
Vai ter alguém para te ajudar ou eu mesmo vou estar disponível para te ajudar também e aí eu estava planejando esse vídeo aqui resolvi postar lá falando que é fazer um vídeo sobre funções funções anônimas eu nunca consigo falar esse nome direito a sons eram fãs ou funções de seta não saiu direito da segunda vez mas vamos lá é e o pessoal pediu para falar também sobre koubek que foi outro recurso idade
Kholbek recursividade são coisas muito utilizadas mas provavelmente vai ter que ficar para um outro vídeo porque senão isso aqui vai ficar bem longo já tem bastante coisa pra falar aqui lembrando que esse é um conteúdo que vai pela no meu curso desenvolvimento web fronte à índia lá a gente vai falar sobre isso e muito mais claro vai ter como beck vai ter recurso idade vai ter o objeto vai ter muita coisa sobre java script na verdade
Vai ser basicamente tudo o que você precisa saber sobre java script se você quiser saber mais sobre os cursos link também tac na descrição agora vamos lá pra tela então já preparei aqui uma pasta chamada functions e criou o arquivo funções ponto js ea gente vai brincar em cima dele aqui tá antes de mais nada deixa tentar explicar um pouquinho pra quem não sabe o que é uma função quando utilizar para que ela
Serve né vamos lá digamos que você tem lá o seu algoritmo variável a que vai receber 10 variável b que vai receber 20 você quer fazer a soma desses dois números e mostrar na tela beleza você vai fazer com o sol ponto o blog a + b por exemplo ok funciona vamos executar aqui tá 30 certinho beleza e se eu quiser fazer várias vezes com outros números digamos que eu
Tivesse calculando a soma das notas de uma prova de uma turma inteira eu vou ter que ter aqui novamente a e b passando a segunda nota imprimindo ali até 30 e agora quem está se a imagina que eu tivesse dez dias aqui já deu pra perceber que vai ser um problema vai ficar meio chato isso vai ficar meio ruim de se trabalhar com isso aqui então a função ela vem para facilitar um pouco esse tipo de caso aqui então vamos primeiro criar aqui uma
Fonte on soma que vai receber dois parâmetros a e b tá ele vai simplesmente retornar a + b e agora em vez de eu ter que fazer tudo isso aqui eu simplesmente vou mandar imprimir soma de 10 + 20 que era isso né e aqui eu vou mandar imprimir soma das mais 21 10 mesmo ambiente soma 7,8 beleza pronto têm exatamente o mesmo resultado e dessa maneira que ainda possa organizar melhor colocando aqui lá pra cima dessa maneira que fica bem mais
Organizado o meu código certo que eu posso fazer isso aqui ó deixar toda uma linha só beleza então já facilitou aqui e se eu quiser colocar dez desses aqui basta eu colocar aqui e mudando aqui os valores 48 49 e pronto quando executá la ele vai mostrar todas as somas então a função ela serve para facilitar é pra gente pegar um código que a gente vai repetir várias vezes e concentrar ele num lugar só e quando a gente desses a gente só chama essa função pelo
Nome agora que a gente já viu pra que uma função serve a gente já até criou uma função aqui vamos analisar um pouco as maneiras de se criar uma função de como trabalhar com essa função tá beleza a primeira maneira essa gente declara a palavra-chave function logo em seguida vem o nome da função os seus parâmetros argumentos e depois a gente fala aqui quais são os comandos que vai ter dentro dessa função que ela vai executar na seqüência ela vai
Executar beleza essa é a primeira maneira de se declarar uma função mas existem outras a segunda maneira que a gente vai ver é a chamada função anônima o javascript ele é uma linguagem de programação funcional então uma das características das linguagens de programação funcional é você poder atribuir funções há variáveis ea gente vai ver como faz isso aqui tá então vamos comentar isso aqui tá por
Enquanto isso aqui tá comentado se eu tentar rodar agora não vai funcionar a dar um erro dar porque não têm a função só maior não foi definida não foi declarada vamos declarar que novamente a função soma de uma maneira diferente ele vai criar uma variável vai chamar essa variável onde soma tá e essa variável vai receber uma função essa função dessa vez ela não precisa ter um nome porque a gente está
Atribuindo a variável e depois quando a gente foi utilizar essa função a gente vai utilizar chamando o nome da variável então essa é a função anônima e ela tem esse jeito aqui tá aqui vem o código vêm os argumentos da funsol beleza vamos lá então eu continuo recebendo aqui a e b tá eu continuo retornando a + b show de bola vou executar agora e novamente a minha função funciona todo o meu programa
Funciona beleza então já viu aqui funções comuns funções anônimas e falta tal da função de seta ou até o fim ou aero ero ero a tal da era um function então vamos lá como é que eu crio uma era um fã de john eu vou novamente comentar isso aqui e mais uma vez vou declarar uma variável soma santos não só e aqui era o campeão é simples ela começa abrindo aqui os parênteses passando os argumentos aqui
Dentro tá e depois ela é seguida por um igual ou maior que aqui eu abro meu bloco de código que vai retornar à mas então é uma simplificação de tudo isso aqui certo ficou muito mais simples isso aqui então agora eu posso executar e funciona da mesma maneira só que tem um detalhe aqui não era fã do chão foi criada para facilitar mesmo pra ter menos código envolvido mas quando uma função de seta uma elfa o chão ela
Retorna apenas um valor direto a gente pode tirar o retorno e pode tirar também os parênteses e ela fica menor ainda e funciona exatamente da mesma maneira se no caso aqui por exemplo fosse só um só uma variável sendo passada como argumento aqui a gente simplesmente poderia ter algo desse jeito aqui ó se a gente quisesse que o dobro está agora dobro dobro se a gente quisesse apenas o globo ela poderia ser tão pequenininha quanto isso
E aqui está exatamente o dobro dos valores que estão aqui então a era o fama show até a poder da gente diminuir muito código tornar realmente muito pequeno e só o necessário mas vamos voltar aqui um pouquinho tava aqui vários dizer a gente voltar então a gente pode ver que esse modelo aqui da função é o gol da função de seta com a função anônima ela é bem parecida têm poucas diferenças mas tem tem uma grande diferença e poder
Explicar qual que essa grande diferença você vai ter que saber um pouquinho de orientação a objetos se você não sabe nada de origem dos objetos eu vou tentar te explicar que por alto mas talvez não seja suficiente e aproveitar essa deixa para indicar novamente o meu curso e desenvolvimento web frontera onde a gente vai falar de tudo isso muito profundamente beleza então deixou a pagar aqui a grande
Diferença da função anônima praia foi jantar quando a gente está trabalhando com o des o disse ele é uma palavra chave que faz referência a um objeto em questão o objeto que a gente está manipulando vamos tentar ver um pouquinho melhor que vamos criar aqui dois objetos está o bj 1 e assim que eu queria um objeto aqui com java script está em várias maneiras na verdade criar um objeto essa é uma delas
Esse objeto ele vai ter aqui um atributo chamado nome que vai se chamar o objeto com um diferencial aqui do nome do objeto ali e ele vai ter uma função é fita’ que a gente vai criar ali em cima que vai ser funk só beleza é isso aqui o nosso objeto agora deixou criar essa função essa função funk como uma variável e ela vai receber uma função anônima que vai fazer nada mais nada menos do que imprimir na tela desponta o nome
No caso o diz aqui ele vai ser uma referência a objetos um inter vai imprimir esse nome que objeto 1 vamos testar então vamos lá o bj a um ponto f ea gente executa aqui e pronto e imprimir o objeto exatamente se a gente tivesse um outro objeto tá objeto 2 do mundo aqui também e aqui eu vou chamar o objeto um e depois objecto 2 tá eu tenho dois objetos lembra que a minha função aqui é leza a minha função
Aqui é exatamente a mesma tayah funk é a mesma função aqui só que o des aqui ele vai fazer referência objeto 2 vamos ver pronto objeto 1 e objeto 2000 funcionou perfeitamente porém quando a gente está falando do de uma função a uma função é o do maior fama show de uma função de seta ele não vai se comportar dessa maneira ele vai ser indefinido e essa é a grande diferença entre uma função de certa da função anônima
A gente não consegue acessar o des de uma maneira simples quando a gente está no navegador isso aqui e se diz ele vai ser referência ao indultar o objeto do windows o maior objeto lá aqui ele não vai ser referência nada então essa é a diferença das três maneiras aqui mais comuns de se criar uma função se você quiser saber mais sobre esse assunto eu posso voltar aqui me aprofundando um pouco mais em escopo
De função nesse tipo de coisa eu acho que o vídeo já ficou bem grande então já deu pra apresentar que um pouco tem mais coisa pra falar principalmente sobre brinde que é um outro uma outra coisa que dá pra fazer aqui eu ia fazer nesse vídeo mas ficou muito grande o vídeo então se você quiser deixe nos comentários que eu volto com esse junto me disse também o que você achou se ficou confuso se deu para aprender alguma coisa e mais uma vez se for
Interessante para você se inscreve no curso porque você vai aprender muito muito mais do que isso aqui ok a gente vai ver tudo sobre html css e javascript jquery boots trepp bem profundamente e aí depois vai ver um pouco de node que é isso aqui que a gente está mexendo aqui e vai ver também o at ok então é isso aí se você gostou desse vídeo deixa eu lhe que compartilha com seus amigos eu espero tv no próximo vídeo até lá
Valeu
47 Comentários:
Rodrigo Lima
Eu odiava do fundo da alma o javascript puro na faculdade, depois tive que aprender no trabalho e agora não abro mão. Que linguagem fantástica! Porém difícil de se trabalhar no início
Giovani Rodrigues
No aguardo pra saber melhor sobre os callbacks, tenho muitas duvidas do por que utilizar, outra duvida que eu tenho eh em relaçao ao Promise que tambem dificil de entender pra um iniciante! Obrigado por esse videos, tem me ajudado muito!!!
Scarlaty Bonfim
Putz, tenho dificuldade até hoje com funções, mas esse vídeo deu uma baita ajuda! Obrigada amigo!
Luis Felipe Santos
Igor, parabéns pelo vídeo! Ficou muito bom, muito bom mesmo. Eu acho que seria legal falar mais sobre outros usos da arrow function e também sobre o bind. Mas ficou muito massa!!!!!!
Bruno Bonfim
Muito bom o video, vc poderia fazer um focado em POO? Grato!
Higor coutinho sherlok
Fala Igor, meu chará hahah, cara sua explicação é demais , sua didática é incrível , obrigado por compartilhar e me ajudar .
Vital Games
Cara, eu estava até querendo desistir de programação, mas você reativou esse desejo que eu estava prestes a perder… Estou no primeiro ano de ADS (Analise e desenvolvimento de sistemas) e estou curtindo demais seus vídeos. Minha namorada sempre disse que queria ir para o Canadá e eu sempre falava que era besteira, mas assistindo seus vídeos, estou mais empolgado do que ela para ir ao Canadá hehehehehehe Nunca pare de fazer vídeos. Abraços
denis coimbra
Sua didática é excelente!
outlight
Javascript é muito daora,quando eu aprender eu vou aprender python
CANAL UAU
eu tava bastante confuso no javascript agora só vendo esse vídeo já esclareceu bastante coisas, pensei aqui em comprar seu curso pq tu ensina muito bem , porém eu já comprei um curso antes de conhecer esse canal ai fica foda desembolsar mais dinheiro, se tivesse mais barato talvez eu até compraria
Marcelo Miranda
Este seu vídeo para mim foi muito útil. Conteúdo denso e compacto.
Fabrício Monteiro
Esperando mais desse conteúdo! Muito bom!
Filipe Lins
Show demais, simples e bem explicado.
Antonio Augusto
Uma dica pra vc: eu me interessei pelo curso de front end, porem eu já tinha entrado em programadorbr.com e na pagina inicial só tem o php do zero ao profissional. Faz um negocio organizadinho com todos os cursos na sua página que acredito que facilita pra gente
Pedro Igor
Excelente didática. Muito bom seu vídeo. Parabéns.
VINÃO _
Você é muito bom no que faz, parabéns! Didática func tastica !
Kaian Samuel
Valeu mano….muito boa a explicação sobre function…
KØØPER
Muito bom, esperando por mais.
lucas cabral
pra saber o quanto arrow function diminui o codigo é so ver os codigos resolvidos do codefight kkk meu programa com 20linhas os caras fizeram em 3
Raquel Chaves
muito esclarecedor, obrigada
Marcos Lanzoni
Show , agora sim clareou kkkkk valeu
Victor Antonio
Tô aprendendo js, muito bom, parabéns pelos inscritos!
Alexandre L.M
Aula muito boa
Andre Luis
Adoro Arrow functions, é claro que existem casos para usar ele. O this interno das Arrow functions também muda referenciando a Window no caso de quem trabalha com navegador. Quando você trabalha no backend com node.js ele referencia a própria function. No caso de quem está usando Arrow functions no navegador, você pode forçar o this dele com .bind() .
Daniel Lopes
Fala meu amigo, gostei muito de um video seu, no qual voce disse que sua principal renda era seu aplicativo voce chegou a dizer que se agente se interessasse pelo assunto, voce faria um video, detalhando melhor sobre o mundo mobile Eu tenho umas ideias na minha caxota kk, e me interessei muito pelo react, através de um amigo meu, me falou muito bem dele e eu pensava em programar no Androi Studio, mas ele me aconselhou a usar e a aprender o React, gostaria da sua opinião quanto a isso e se voce pode fazer m video, falando mais sobre mobile e tudo que precisamos saber para desenvolver aplicativos. Forte abraço
Rodrigo Dias de Sousa
tenho muita dificuldade de entender exatamente o que são esses parâmetros ou argumentos da função do js
Arthur Otero
Gosto muito do seu canal parabéns pelo trabalho , me desculpa de fazer tantas perguntas eu estou meio indeciso em qual decisão tomar , eu queria saber se você acha que vale a pena eu investir em um curso de tecnólogo(análise e desenvolvimento de sistema) ao invés de um curso bacharel( ciências ou engenharia da computação) e se isso me atrapalharia no meu objetivo que seria conseguir trabalhar no exterior. Muito obrigado
@fofoles2.0
Muito bom, Aprofunde o assunto !
Nathan Caprio
Excelente vídeo !
Doug Alves
Mto bom o vídeo!!!
Bernardo Trivesoni
Video top irmão, obrigado
L1m4 Tech Group
Top Igor sempre muito bom seus vídeos. Te enviei um convite la no linkedin.
Aline Jesus
Ótimo vídeo.
Sarah Steffanny
Yaaay! Vídeo novo na hora <3 Não consigo entender javascript =/
Igor Freitas
Igor, estou começando a aprender python, e estava assim nos requisitos do curso:Logica de programação, e html e javascript, eu realmente preciso saber html e javascript pra aprender python? lógica de programação eu sei que preciso msm.
Ze Jr
Qual livro você recomenda para estudar javascript?
Gabriel De souza
Qual o nome do editor de código que ele esta usando ?
Edy Edy
Qual é essa plataforma que vc utilizou para rodar esses arquivos e executar o .js? Tentei fazer o código no PyCharm versão free, não rolou.
Luiz Augusto
As arrow functions não acessam o segundo objeto mais próximo aninhado? Quando se precisa referenciar o objeto mais acima. tipo a = { b: { c: func, nome: 'b' }, nome: 'a' }, iria referenciar o a e não b.
Alexandre
Igor esse novo curso já tem muito conteúdo ?.. uma hora ou outra eu vou entrar.. mas no momento estou sem dinheiro nenhum =(
Matheus Marinho
Bonezinho de lado, pike malandrão kkkkk nice video!!
João Pedro Martins
Como ele comenta uma linha de código com um só clique?
Gustavo Vas
Tudo bem ? Você da aula particular?
Willian Fonseca
funções javascript
Willian Figueiredo
como que comenta tão rápido?
ANTONIO NUNES NARCISO Ventura
Estas diferente com a barba nem parece o mesmo Igor Lopes.
carol freitas
Pedro Scoob?
ATENÇÃO: Os comentários não correspondem a opinião do proprietário deste site e foram extraídos de forma automática. Este artigo não possui fim comercial e tem por objetivo apenas o estudo da tecnologia Selenium. Caso algum comentário aqui presente seja abusivo ou fira alguma lei, favor nos informar para que possamos removê-lo o mais rápido possível.