Curso de JavaScript #6 - Functions 2/2 (2020)

Fala galera!!
Continuando o curso de JavaScript fundamentos, esta aula é a parte 2 de functions! Nosso curso entra num estágio mais avançado e o conhecimento daqui para frente é algo que torna todo desenvolvedor JavaScript diferenciado.

Vamos falar sobre a palavra-chave this no JavaScript e seu uso dentro das functions, além de falarmos sobre Arrow functions.

Tópicos muito abordados em entrevistas de empregos e utilizados vastamente nos projetos da linguagem.

Códigos utilizado na aula:

Índice:
Introdução: 00:00
Operador new: 03:29
Método call: 06:18
Método apply: 08:34
Método bind: 10:24
Motivos para usar this: 13:37
Arrow functions: 14:32
Arrow functions sem return: 16:24
Arrow functions com 1 parâmetro: 20:05
Arrow functions e this: 21:21

APOIE O CANAL

Acompanhe o curso completo pela playlist:

VÍDEOS QUE RECOMENDO DO CANAL

Proxy JS: Você PRECISA conhecer! (+ dicas de uso)

React JS - MELHOR GUIA para Iniciantes! (Teoria e Prática)

React no servidor e no front

VueJS em 1 hora! (Teoria e prática)

Estudo mas NUNCA aprendo JavaScript (3 dicas)

Playlist: Curso de JavaScript fundamentos

Como eu aprendi JavaScript

REDES SOCIAIS

Siga no Instagram:
@programadorabordo

Grupo no Telegram:
@programadorabordo

MEU TREINAMENTO: JavaScript Raiz

[ProgramadorABordo]

*MEU CURSO DE JAVASCRIPT E DESENVOLVIMENTO WEB* 🔥👇

[maveryque]

Cara só uma palavra: GRATIDÃO, como várias pessoas eu também já fiz outros cursos e estava patinando bastante quando comecei no React, resolvi voltar para o js para melhorar a base e cai por acaso no seu canal, parabéns sua didática é muito diferenciada!

[joaokuchnir]

Muito massa suas aulas, são tudo que eu queria, já que eu gosto de saber o porque as coisas funcionam, comprei um curso que me explicou que as coisas funcionam, mas não o porque, e isso me incomoda, graças ao anjo do Js achei esse canal!!

[alrigotto]

Uma coisa que acho bem interessante e ajuda bastante no aprendizado,
é fazer uma vídeo aula de exercícios propostos e resolvidos ao final de um determinado assunto ou grupo de aulas.
Na minha opinião, esses pequenos desafios te dá um objetivo prático e meio que te prende no canal.
Abraços!

[ellenviana]

Eu estudei quase há um ano sobre isso e nunca tinha entendido muito bem, depois de ver sua aula... agora tudo faz sentido! Parabéns, show de bola

[renatomartins]

Poxa cara parabéns pelo trabalho e ensinamentos, eu ja sabia bastante dos conceitos de JS, mas sempre falta algumas coisas e percebi isso agora q to aprendendo React, com Node js foi até mais de boa não saber certos conceitos, mas por exemplo eu nunca tinha reparado que a Arrow function trabalhará com o contexto do pai mais proximo basicamente, Valeu ai carinha <2

[danielabraao]

A única duvida que eu tenho é porque eu demorei tanto pra encontrar um canal incrível como esse, esse algorítimo do youtube precisa melhorar. 先生の教えを本当にありがとう

[Flipkurama]

Cara muito bom esse canal! Devia ter aprendido todos esses conceitos antes de perder tempo quebrando a cabeça direto no Framework.
Se pá, faz uns de TypeScript avançado, tb (e diferenças com JS)! Seria top!!
Vlw

[allanoliveira]

Nao sei pq vc nao tem mais visualizacoes e sseguidores. Voce Manja bastante sobre JS e suas aulas sao super didaticas. Parabens.

[pazemoracaoyt]

Amigo obrigado pelas aulas, queria saber como faço pra começar guardar tudo isso aprendido, que tipo de prática me ajuda a aprender mais rápido? eu estava pensando em achar algum lugar com exercícios pra iniciantes de javascript... ce poderia criar um vídeo com exercícios e suportam ente soluções dos mesmos obrigado curto demais vc

[alrigotto]

Parabéns pelas aulas, está ajudando bastante!

[richardfreitas]

Aí, você tem alguma lista de exercícios de fixação das aulas anteriores?

[agoristavermelho]

Muito obrigado pelas aulas, estão me ajudando muito!


Daqui 1 ano eu termino o ensino médio, o que você acha do Tecnólogo em Análise e Desenvolvimento de Sistemas? Compensa fazer, ou estudar por conta própria é mais vantajoso?

[Danielmultilinguas]

Boa Teshima, to a bordo, vamo que vamo virar programador profissional ;)

[lailanashim]

Uai, na última aula idade era "26" Meus parabéns!

[SetupDeDev]

vlw, minha dificuldade é com this msm, :)

[robinhomagrelo]

A diferença de usar a VIRGULA e o SINAL DE MAIS, para "concatenar", seria que a virgula é para objetos e o sinal de mais para "texto" ?


pois mostrando assim: console.log('Persongem This: ', this + '\n\n');

concatenando os \n com o this usando o sinal de mais não aparecia os valores do meu objeto(aparecia apenas [Object]), somente apareceu quando troquei para a virgula igual abaixo...

console.log('Persongem This: ', this, '\n\n');

[Flipkurama]

Cara, Pode me ajudar a entender uma função?

const getAnimals = (name) => ({
'Lion': 'The Lion is a mammalian animal.',
'Chicken': 'Chicken is a bird.',
}[name] || 'Animal not Found');

Qndo chamo e não passo parametro ou passo um que não seja 'Lion' ou 'Chiken', ele cai em [name] || 'Animal not Found'. Sabe me explicar pq?

[tfnicolau]

Bem complicado o call, apply e o bind.