Entendendo Herança e Prototype em JavaScript (Prototype Chain)

Поділитися
Вставка
  • Опубліковано 14 гру 2024

КОМЕНТАРІ • 88

  • @RB-jm7zd
    @RB-jm7zd 4 роки тому +25

    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!

    • @SouDev
      @SouDev  4 роки тому +2

      Muito obrigado Brendon! Fico feliz que o conteúdo tenha te ajudado de alguma forma.

    • @edrummer213
      @edrummer213 3 роки тому +2

      Opa cheguei de lá também. Muito confuso lá.

    • @joaosouza2678
      @joaosouza2678 3 роки тому

      @@edrummer213 Qual curso vocês estão fazendo? Luiz Otávio?

    • @samluca5623
      @samluca5623 2 роки тому

      Deve ser Luiz Otavio ctz. Tive que rever aqueles videos 3 vezes por causa da enrolação dele

  • @marcelosguerra
    @marcelosguerra 2 роки тому +2

    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.

  • @joaolucasdeoliveira3573
    @joaolucasdeoliveira3573 4 роки тому +4

    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
      @SouDev  4 роки тому +1

      Muito obrigado, Lucas! 😉

  • @PauloDaniel1
    @PauloDaniel1 3 роки тому

    A explicação mais simples disso que já vi na vida!

  • @phill.6789
    @phill.6789 4 роки тому +7

    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!

  • @maquin7
    @maquin7 4 роки тому +3

    Conseguiu desbugar bastante a minha mente, Parabéns

  • @ickerock
    @ickerock Рік тому

    Explicação genial! Didática de milhões!

  • @MarlonEnglemam
    @MarlonEnglemam 5 років тому +5

    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!

    • @SouDev
      @SouDev  5 років тому +3

      Fico feliz que tenha gostado!

  • @Gabrielalmeidaa
    @Gabrielalmeidaa 2 роки тому

    Muito boa a explicação! Ganhou mais um inscrito!

  • @DiegoBreeg352
    @DiegoBreeg352 2 роки тому

    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!

  •  4 роки тому +1

    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
      @SouDev  4 роки тому

      Valeu André!

  • @JairSantana7
    @JairSantana7 3 роки тому

    finalmente eu entendi o prototype. obrigado!

  • @anagabriele7340
    @anagabriele7340 4 роки тому +3

    Cara, vc arrasou na explicacao!!! muito sucesso pra vc

    • @SouDev
      @SouDev  4 роки тому

      Muito obrigado, Ana! 😉

  • @TheMaykids
    @TheMaykids 3 роки тому +1

    Cara...muito boa essa aula. Parabéns professor!

    • @SouDev
      @SouDev  3 роки тому

      HAHA! Valeu Maycon e bons estudos! Esse conteúdo cai na prova, viu? =P

  • @danielsantana5126
    @danielsantana5126 2 роки тому

    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

  • @foobar846
    @foobar846 2 роки тому

    Excelente aula! Obrigado!

    • @Tue-so2ls
      @Tue-so2ls Рік тому

      Vc conseguiu entender a explicação? Pelo que eu entendi, prototypes basicamente são classes, que são extendidas desde o null, estou certo?

  • @renanzulian
    @renanzulian 4 роки тому +1

    Conteúdo bem avançado.. parabéns

    • @SouDev
      @SouDev  4 роки тому

      Obrigado Renan!

  • @matheusmartins7115
    @matheusmartins7115 3 роки тому

    coisa linda de explicação

  • @alanbidu1
    @alanbidu1 4 роки тому +1

    Muito obrigado!!

    • @SouDev
      @SouDev  3 роки тому +1

      Eu que agradeço, Baltham! Abraço!

  • @viniciusborgesdelima2519
    @viniciusborgesdelima2519 4 роки тому +1

    Excelente vídeo! Muito obrigado.

    • @SouDev
      @SouDev  4 роки тому

      Valeu Vinícius! :D

  • @maiconpereiradesouza5533
    @maiconpereiradesouza5533 4 роки тому +1

    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
      @SouDev  3 роки тому

      Opa! Que ótimo, Maicon! Aprender JS é um caminho sem volta! haha! Bons estudos!

  • @cassiapalmeira8365
    @cassiapalmeira8365 Рік тому

    didática excelente!

  • @evandrolauro5500
    @evandrolauro5500 4 роки тому +1

    muito foda, explica muito bem, parabéns

    • @SouDev
      @SouDev  3 роки тому

      Valeu Evandro!

  • @lucasfelipe-ze5sy
    @lucasfelipe-ze5sy 4 роки тому +2

    muito bom, vídeo de extrema qualidade!

  • @ygoul93
    @ygoul93 3 роки тому +1

    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
      @SouDev  3 роки тому

      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. =/

  • @rubenfontes7085
    @rubenfontes7085 2 роки тому +1

    Objetos e Javascript assíncrono dá um nó na minha cabeça

  • @rafaelpenteado7295
    @rafaelpenteado7295 4 роки тому +1

    ótima didádica

    • @SouDev
      @SouDev  4 роки тому +1

      Muito obrigado Rafael!

  • @isaaclourenco9254
    @isaaclourenco9254 4 роки тому +1

    Muito bom! Obrigado pela aula! E que aula!

  • @eloytekila
    @eloytekila 3 роки тому

    Muito bom, ajudou bastante, obrigado

  • @edsonsilva-id1sx
    @edsonsilva-id1sx 4 роки тому +1

    Caramba, explicação limpa e clara! Valeu!!!

  • @danielsantana5126
    @danielsantana5126 2 роки тому +1

    10:37 - Qual a diferença entre Object.create e o spread ?

    • @danielsantana5126
      @danielsantana5126 2 роки тому

      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.

  • @leolucassan
    @leolucassan 5 років тому +3

    Gostei do conteudo

    • @SouDev
      @SouDev  5 років тому

      Fico feliz que tenha gostado, Leonardo! 😉

  • @rodrigues3681
    @rodrigues3681 5 років тому +1

    Sinistro! Parabéns

    • @SouDev
      @SouDev  5 років тому

      Muito obrigado, Lucas!

  • @Leozinhopirado167
    @Leozinhopirado167 3 роки тому

    Excepcionifero

  • @wesleyjpp
    @wesleyjpp 4 роки тому +1

    Me ajudou muito.
    Obrigado pela aula.

  • @henrique_e_nas
    @henrique_e_nas 2 роки тому

    caraca que vídeo bom !!

  • @ViniciusSilva-of2nm
    @ViniciusSilva-of2nm 4 роки тому +1

    Muito bom

    • @SouDev
      @SouDev  4 роки тому

      Valeu Vinícius!

  • @erick-5232
    @erick-5232 4 роки тому +2

    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!

  • @JonatanEdOrtiz
    @JonatanEdOrtiz 4 роки тому +1

    Muito bom!

  • @tiagopagani1244
    @tiagopagani1244 3 роки тому +1

    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?

  • @nalbertcerqueira6079
    @nalbertcerqueira6079 2 роки тому

    No exemplo sobre a herança com o método create, não seria melhor usar um spread operator ? já que com o spread não ocorre heranças e portanto durante a busca de uma nova propriedade o programa não teria que buscar essa propriedade desde o objeto pai até chegar no objeto filho

  • @MarcosPmkt
    @MarcosPmkt 4 роки тому +1

    Finalmente entendi.

  • @charllothmoreira7322
    @charllothmoreira7322 5 років тому +2

    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 ?

    • @SouDev
      @SouDev  5 років тому +1

      Oi @Charlloth Moreira! Em cada um dos métodos da função, é preciso retornar o próprio 'this' pra poder usar esse encadeamento de métodos.

  • @DouglasSantosTI
    @DouglasSantosTI 2 роки тому +1

    __proto__ é um link do objeto para o prototipo, certo?

    • @SouDev
      @SouDev  3 місяці тому

      Isso, exatamente.

  • @enzomateus3615
    @enzomateus3615 2 роки тому +1

    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.

    • @DouglasSantosTI
      @DouglasSantosTI 2 роки тому

      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.

    • @DouglasSantosTI
      @DouglasSantosTI 2 роки тому

      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.

    • @enzomateus3615
      @enzomateus3615 2 роки тому

      @@DouglasSantosTI pow mano, valeuu pela recomendação!🤝🏾📚

  • @ruijose6483
    @ruijose6483 Рік тому +1

    Se precisar reescrever um metodo na classe filha, como funciona?

    • @SouDev
      @SouDev  3 місяці тому

      Fala Rui! Desculpa a demora! Basicamente, é só criar o método com o mesmo nome da classe pai que vai sobrescrever o método.

  • @vytsznyak3901
    @vytsznyak3901 3 роки тому

    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.

  • @XerifeCaitlyn
    @XerifeCaitlyn 3 місяці тому

    A esculhambação começa em torno dos 8:10

    • @SouDev
      @SouDev  3 місяці тому

      Ficou com dúvida em algum ponto?

  • @hendersonfernandes7378
    @hendersonfernandes7378 3 роки тому +1

    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 .

    • @DouglasSantosTI
      @DouglasSantosTI 2 роки тому +1

      No inicio esse lance de passagem por referencia e por valor é complicado mesmo, mas depois se torna fácil.

  • @matheusmilitao36
    @matheusmilitao36 4 роки тому +1

    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

    • @SouDev
      @SouDev  4 роки тому +1

      Oi Matheus! Realmente a sintaxe de classe parece muito mais simples do que o uso de Prototype. Neste vídeo eu explico como usar classes no JavaScript e o porquê de agora existir esta sintaxe: ua-cam.com/video/VjDVMCEm1Ak/v-deo.html

    • @vytsznyak3901
      @vytsznyak3901 3 роки тому

      @@SouDev Essa syntax sugar vai se tornar padrão?

    • @HenriqueSchreiner
      @HenriqueSchreiner 3 роки тому

      @@vytsznyak3901 provavelmente não, pois esta sintaxe não faz parte da linguagem JavaScript em si.

    • @vytsznyak3901
      @vytsznyak3901 3 роки тому

      @@HenriqueSchreiner Ela abstrai mais e torna tudo mais fácil para quem está vindo de outras linguagens POO. Mas, eu vi que alguns frameworks da linguagem já utilizam essa syntax sugar como padrão. Será que realmente não já está se tornando padrão?

  • @brunobm84
    @brunobm84 3 роки тому +1

    Muito esclarecedor!!! Valeu demais!!!

    • @SouDev
      @SouDev  3 роки тому

      Eu que agradeço pela força Bruno! Muito obrigado!

  • @Lua00001
    @Lua00001 2 роки тому

    Muito bom!!!!

  • @didimarinhoo
    @didimarinhoo 3 роки тому

    muito bom

  • @pablomadruga4086
    @pablomadruga4086 Рік тому

    Muito bom!!