O JavaScript é um pouco confuso para desenvolvedores que conhecem linguagens baseadas em classes como Java, C++ ou PHP, por ser uma linguagem dinâmica e não tem uma implementação de classe mesmo.
Apesar de a sintaxe de classe ter sido implementada na versão ES6 do JavaScript, é só mesmo uma maneira de escrever algo com Prototype usando a sintaxe de classe. Por debaixo dos panos, o JavaScript ainda usa Prototype.
Neste vídeo nós vamos aprender sobre como funciona criação de objetos, herança e Prototype em JavaScript!
???? Introdução à criação de objetos e herança usando Class – JavaScript ES6
https://youtu.be/VjDVMCEm1Ak
Você pode me seguir nas redes sociais:
???? https://twitter.com/hmschreiner
???? https://instagram.com/hmschreiner
???? https://github.com/hmschreiner
Org Oficial do canal no GitHub:
https://github.com/CanalSouDev
——— Use o link abaixo e ganhe até R$100 em créditos para usar na hospedagem da Umbler ———
???? http://bit.ly/CreditosNaUmbler ????
——— Câmera e equipamentos usados para gravar este vídeo ———
Câmera Digital Canon DSLR EOS Rebel T5i – https://amzn.to/2Y6JR1T
Microfone de Lapela Shure – https://amzn.to/2XPtDuw
Gravador Zoom H5 – https://amzn.to/2YdpNe8
Kit de Iluminação SoftBox – https://amzn.to/2LsALXp
#JavaScript #PrototypeChain #SouDev
Source: SouDev
46 Comentários:
Ruben Fontes
Objetos e Javascript assíncrono dá um nó na minha cabeça
Daniel Santana
Ia fazer mais uma pergunta sobre utilizar class ao invés de prototypes, mas aí assisti novamente o vídeo e entendi sobre o class ser um \”syntax sugar\” para prototypes.
Me lembrou a mesma questão sobre promises e async await .
Excelente aula mano… muito obrigado <3
Isaac Lourenço
Muito bom! Obrigado pela aula! E que aula!
Henderson Fernandes
Certamente, esse negócio de referenciar é de estranhar. Já tive problemas com arrays; fazia referencia e achava que tava clonando kkk
JS é daora. Eu gosto .
Douglas Santos. TI
No inicio esse lance de passagem por referencia e por valor é complicado mesmo, mas depois se torna fácil.
edson silva
Caramba, explicação limpa e clara! Valeu!!!
Henrique Nascimento
caraca que vídeo bom !!
Wesley Junio
Me ajudou muito.
Obrigado pela aula.
Vinicius Silva
Muito bom
SouDev
Valeu Vinícius!
Vytsznyak
Essa maneira de se fazer herança em JavaScript é bem confusa no começo para quem veio de linguagens como o Java, C#, C++, etc… A syntax sugar do ES6 veio parar dar uma ajudada.
Marcelo Guerra
Dr. Muito massa sua explicação. Estava precisando de um reforço no tema, e sua aula caiu igual uma luva.
Parabéns pela didática! Muito Obrigado pela ajuda.
Erick –
Minha dica seria tu mostrar ao contrário (código e dps os comentários, digo a parte até os 6:07), acho que tiraria a confusão mostrando exatamente o que ta falando
mas tirando isso ficou muto bom, parabéns!
MMPMKT
Finalmente entendi.
Leandro Araujo
Conseguiu desbugar bastante a minha mente, Parabéns
Matheus Martins
coisa linda de explicação
Tiago Pagani
Melhor aula que vi sobre Prototype!!! Só tenho uma duvida, até hoje nunca vi ninguem usar em projetos *class NomeClasse extends OutraClassse{}*, isto relativamente é mais novo em relação ao outro jeito ou só nao esta sendo usado mesmo?
Enzo Mateus
Ainda não entendi muito bem, mas vou dar uma esfriada na mente e voltar aqui dnv pra ver se esse assunto entra na minha cabeça.
Douglas Santos. TI
A versão em inglês é a mais atual, a em português ainda está no EcmaScript 5. Tem em pdf na internet, só procurar e baixar.
Douglas Santos. TI
Recomendo o livro \”JavaScript the definitive guide\”. É o livro mais completo para aprender JavaScript, do basico ao avançado. Tem uma ótima explicação sobre prototipos. O livro não é para iniciantes, pois ele vai bem a fundo em todos os topicos.
Enzo Mateus
@Douglas Santos. TI pow mano, valeuu pela recomendação!
Diego Breeg
Muito bom, me ajudou muito a entender esse tópico de JavaScript, que julgo ser o mais complexo e que a maioria das pessoas ignoram,. Com sua didática pude entender bem,
valeu!
Maicon Pereira de Souza
Meu amigo eu estou estudando JS a pouco tempo e fiquei com dúvidas em relação _proto_ e prototype, mas seu vídeo me deu uma luz! Obrigado mesmo!
SouDev
Opa! Que ótimo, Maicon! Aprender JS é um caminho sem volta! haha! Bons estudos!
Phill.
Seu canal vai chegar la um dia, só continuar com esse nível de qualidade tanto nas aulas quanto na explicação que vc vai longe!
Rls
Sinistro! Parabéns
SouDev
Muito obrigado, Lucas!
Jonatan Ortiz
Muito bom!
Rafael Penteado
ótima didádica
SouDev
Muito obrigado Rafael!
Renan Zulian
Conteúdo bem avançado.. parabéns
SouDev
Obrigado Renan!
Leonardo Lucas Dos Santos
Gostei do conteudo
SouDev
Fico feliz que tenha gostado, Leonardo!
R&B
Cara, você é muito bom ensinando. Estou estudando um curso de Javascript na Udemy, e não tava entendo o que era prototypes pelos vídeos, então achei o seu, resolveu. Parabéns!
Diego Marinho
muito bom
Charlloth Moreira
Como se faz pra conseguir fazer isso aqui de forma eficiente —>>>>>
var texto = function( ){
}
texto.colore.aumentaTamanho.moveTexto….
Como faz pra ter esse efeito chamando com ponto em sequência ?
Ana Gabriele
Cara, vc arrasou na explicacao!!! muito sucesso pra vc
SouDev
Muito obrigado, Ana!
Alan
Muito obrigado!!
SouDev
Eu que agradeço, Baltham! Abraço!
Vinícius Borges de Lima
Excelente vídeo! Muito obrigado.
SouDev
Valeu Vinícius! 😀
Jair Santana
finalmente eu entendi o prototype. obrigado!
Leonardo Kaynan
Excepcionifero
Benize
Muito bom!!!!
Matheus Militão
Muito boa a explicação, porém fiquei com uma dúvida toda esse sintaxe pode ser simplificada usando as clases (ex: extends para herdar os Prototype de outras classes ), ou estou errado?
Pois todas as coisas que você fez ai, da para fazer com a sintaxe de classes de forma mais simples
Daniel Santana
10:37 – Qual a diferença entre Object.create e o spread ?
Daniel Santana
Fiz o teste aqui e gostaria de entender na prática qual seria a diferença.
Se alguém puder me ajudar a entender o que isso implica na prática eu desde já agradeço.
André B. Silva
Parabéns pela didática. Explicou perfeitamente algumas coisas que estavam bastante confusas sobre Herança e Prototypes. Por mais vídeos assim. Obrigado!
SouDev
Valeu André!
Alexandre Nunes
Men, parabéns! Um dos melhores instrutores que já vi. Tinha uma dúvida com esse tema e você conseguiu esclarecer isso em tempo recorde. Deixo como sugestão fazer un curso completo JS
SouDev
Nossa, Alexandre! Fico muito grato por esse vídeo ter te ajudado de alguma forma. Em relação ao curso, com certeza já passou na minha cabeça, o que falta é tempo, infelizmente. =/
Eloy Gomes
Muito bom, ajudou bastante, obrigado
Douglas Santos. TI
_proto_ é um link do objeto para o prototipo, certo?
Marlon Englemam
Cara, vídeo perfeito! Muito obrigado, explicou de forma clara! A gente aprende tanto pela prática que as vezes esquece do quão importante (e legal!) é saber o que acontece por debaixo dos panos!
lucas felipe
muito bom, vídeo de extrema qualidade!
Evandro Lauro
muito foda, explica muito bem, parabéns
SouDev
Valeu Evandro!
Paulo Daniel
A explicação mais simples disso que já vi na vida!
Maycon Carlete
Cara…muito boa essa aula. Parabéns professor!
SouDev
HAHA! Valeu Maycon e bons estudos! Esse conteúdo cai na prova, viu? =P
João Lucas de Oliveira
Nossa que video Massa cara, Gosto disso objetividade e esclarecimentos na hora de passar conteudo. Você está de PARABÉNS, que o Canal Cresça bastante.
SouDev
Muito obrigado, Lucas!
Bruno Bezerra
Muito esclarecedor!!! Valeu demais!!!
SouDev
Eu que agradeço pela força Bruno! Muito obrigado!
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.