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

Поделиться
HTML-код
  • Опубликовано: 7 янв 2025

Комментарии • 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.

  • @PauloDaniel1
    @PauloDaniel1 3 года назад

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

  • @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! 😉

  • @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!

  • @Gabrielalmeidaa
    @Gabrielalmeidaa 2 года назад

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

  • @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!

  • @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!

  •  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é!

  • @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

  • @JairSantana7
    @JairSantana7 3 года назад

    finalmente eu entendi o prototype. obrigado!

  • @maquin7
    @maquin7 4 года назад +3

    Conseguiu desbugar bastante a minha mente, Parabéns

  • @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

  • @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?

  • @anagabriele7340
    @anagabriele7340 4 года назад +3

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

    • @SouDev
      @SouDev  4 года назад

      Muito obrigado, Ana! 😉

  • @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!

  • @lucasfelipe-ze5sy
    @lucasfelipe-ze5sy 4 года назад +2

    muito bom, vídeo de extrema qualidade!

  • @ygoul93
    @ygoul93 4 года назад +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. =/

  • @evandrolauro5500
    @evandrolauro5500 4 года назад +1

    muito foda, explica muito bem, parabéns

    • @SouDev
      @SouDev  3 года назад

      Valeu Evandro!

  • @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.

  • @rubenfontes7085
    @rubenfontes7085 2 года назад +1

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

  • @viniciusborgesdelima2519
    @viniciusborgesdelima2519 4 года назад +1

    Excelente vídeo! Muito obrigado.

    • @SouDev
      @SouDev  4 года назад

      Valeu Vinícius! :D

  • @matheusmartins7115
    @matheusmartins7115 3 года назад

    coisa linda de explicação

  • @renanzulian
    @renanzulian 4 года назад +1

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

    • @SouDev
      @SouDev  4 года назад

      Obrigado Renan!

  • @isaaclourenco9254
    @isaaclourenco9254 4 года назад +1

    Muito bom! Obrigado pela aula! E que aula!

  • @cassiapalmeira8365
    @cassiapalmeira8365 Год назад

    didática excelente!

  • @edsonsilva-id1sx
    @edsonsilva-id1sx 4 года назад +1

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

  • @alanbidu1
    @alanbidu1 4 года назад +1

    Muito obrigado!!

    • @SouDev
      @SouDev  3 года назад +1

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

  • @eloytekila
    @eloytekila 3 года назад

    Muito bom, ajudou bastante, obrigado

  • @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

  • @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?

  • @erick-5232
    @erick-5232 5 лет назад +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!

  • @rodrigues3681
    @rodrigues3681 5 лет назад +1

    Sinistro! Parabéns

    • @SouDev
      @SouDev  5 лет назад

      Muito obrigado, Lucas!

  • @rafaelpenteado7295
    @rafaelpenteado7295 4 года назад +1

    ótima didádica

    • @SouDev
      @SouDev  4 года назад +1

      Muito obrigado Rafael!

  • @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 4 месяца назад

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

    • @SouDev
      @SouDev  4 месяца назад

      Ficou com dúvida em algum ponto?

  • @henrique_e_nas
    @henrique_e_nas 2 года назад

    caraca que vídeo bom !!

  • @leolucassan
    @leolucassan 5 лет назад +3

    Gostei do conteudo

    • @SouDev
      @SouDev  5 лет назад

      Fico feliz que tenha gostado, Leonardo! 😉

  • @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.

  • @enzomateus3615
    @enzomateus3615 3 года назад +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!🤝🏾📚

  • @DouglasSantosTI
    @DouglasSantosTI 2 года назад +1

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

    • @SouDev
      @SouDev  4 месяца назад

      Isso, exatamente.

  • @Leozinhopirado167
    @Leozinhopirado167 3 года назад

    Excepcionifero

  • @JonatanEdOrtiz
    @JonatanEdOrtiz 4 года назад +1

    Muito bom!

  • @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.

  • @ruijose6483
    @ruijose6483 Год назад +1

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

    • @SouDev
      @SouDev  4 месяца назад

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

  • @wesleyjpp
    @wesleyjpp 4 года назад +1

    Me ajudou muito.
    Obrigado pela aula.

  • @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: ruclips.net/video/VjDVMCEm1Ak/видео.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?

  • @ViniciusSilva-of2nm
    @ViniciusSilva-of2nm 4 года назад +1

    Muito bom

    • @SouDev
      @SouDev  4 года назад

      Valeu Vinícius!

  • @MarcosPmkt
    @MarcosPmkt 4 года назад +1

    Finalmente entendi.

  • @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!!