Explorando o this | JavaScript

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

Комментарии •

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

    Tão simples e direto! Foi o único que foi sem firula e enrolação! O problema dos RUclipsrs famosos na área de programação é isso, fazem uma volta imensa e torna a coisa parecer difícil! Parabéns pelo conteúdo tens um inscrito!

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

    Didática Impressionante,,, objetivo, limpo e claro. Ficou fácil...

  • @joaocosta7051
    @joaocosta7051 Месяц назад

    Simplesmente fantástico!!!!

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

    Cara, na moral, queria que você fosse meu professor. Eu acabei de aprender o This com você, estava tendo muita dificuldade de aprender ele e graças a você eu aprendi. Obrigado por tudo Roger!

    • @RogerMelo
      @RogerMelo  3 года назад +2

      Fico feliz em saber que as aulas estão ajudando Mateus =)
      Se você tiver interesse em ser fluente em JavaScript - isso é, construir aplicações web com JavaScript puro, vou deixar abaixo o link para se inscrever na Semana do JavaScript. É um evento 100% online e gratuito que realizo para divulgar o método que me fez alcançar a fluência na linguagem. A próxima edição vai acontecer nos dias 23 a 26. Vou deixar o link aqui: semanadojs.com.br/launch-mar-2021-org-yt-comment

  • @RangelGSousa
    @RangelGSousa 4 года назад +6

    Nunca tinha entendido o this tão bem assim, só sabia que ele podia variar e que conseguia tornar um atributo publico usando o mesmo. Didática ótima!

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

    Já deu uma iluminada na minha cabeça, em uma dois dias devo pegar bem os conceitos.

  • @ricardolucas5908
    @ricardolucas5908 3 года назад +2

    Roger cara, que propriedade que calma tu fala meu velho, parabéns , show . Ótimo conteúdo. Sucesso meu querido

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

      Obrigado Ricardo! 👊🏻

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

    Melhor aula do RUclips!

  • @rwietter
    @rwietter 5 лет назад +12

    Que conteúdo incrível, Roger. 👏👏👏
    Vamos compartilhar o canal pessoal. Esse canal merece muitos e muitos inscritos e já deixa o like.

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

      Obrigado Maurício \o

  • @audrey-vale
    @audrey-vale Год назад

    Melhor professor.

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

    Quem sabe ensina bem msm, viu. Parabéns!

    • @RogerMelo
      @RogerMelo  4 года назад +2

      Fico feliz em ter ajudado, Rodrigo. O canal tem uma playlist de vídeos de aplicações com JavaScript puro. Vou deixar o link abaixo, caso queira treinar suas habilidades na linguagem =)
      ruclips.net/p/PLpSJMw6H4PFMOJHMULTxKNOEw7g1cBuyP

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

    Excelente didática e aula, muito obrigado professor!

  • @proxima_pagina
    @proxima_pagina 4 года назад +7

    DEIXA O SEU LIKE AI ...TENHO CERTEZA Q ATÉ HJ VC NÃO ASSISTIU UMA AULA TÃO DIRETA E SEM Floods
    VAMOS AJUDAR OUTRAS PESSOAS, Quantos mais likes, maior será o alcance dos vídeos
    TÔ APAIXONADO PELA DIDÁTICA DAS AULAS 😍 rsrs só seu FÃ ROGER

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

      Fico feliz em saber que a aula ajudou, Paul!
      Obrigado pela força. Aos poucos o canal está crescendo =)

    • @proxima_pagina
      @proxima_pagina 4 года назад +2

      @@RogerMelo solta mais vídeos aí rsrs sei q tem um monte de conhecimento guardados aí kkk

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

    Que conteúdo de outro mundo, Parabéns!

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

      Professor, onde consigo o link do seu curso?

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

      No momento as inscrições estão fechadas, mas fica de olho aqui pra vc saber quando estiver prestes a abrir =)

  • @spacdevs
    @spacdevs 5 лет назад +5

    Muito bacana, apesar de eu saber disso! não posso deixar de avaliar o vídeo como bom. Você explica muito bem, parabéns!

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

    EXCELENTE aula
    Eu assisti uma aula da rocketseat antes uma complementou a outra
    Obrigado pelo maravilhoso conteúdo gente

  • @raphaelm
    @raphaelm 4 года назад +2

    Fantástico!

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

    A qualidade dessa aula e de todas do Roger, são absurdas, didática excelente, parabéns cara. Um dia pretendo fazer o cjrm.

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

      Vai ser muito bom te treinar =)

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

    Creio q evitar o this é a melhor opção daqui pra frente, até mesmo o React com functions components está aí pra deixar o this de lado das versões anteriores que usava class components

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

      Com certeza. Aprenda e evite =)

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

    Perfeita explicação. Sai de outro vídeo em que o cara mais complicou do que explicou....

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

    Cara bom, tá de parabéns

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

    Muito bom!!

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

      Valeu Ilivanilton 👊. O canal tem uma playlist de vídeos de aplicações web com JavaScript puro. Vou deixar o link abaixo, caso queira treinar suas habilidades na linguagem =)
      ruclips.net/p/PLpSJMw6H4PFMOJHMULTxKNOEw7g1cBuyP

  • @Teteu.freitas
    @Teteu.freitas 3 года назад

    Sempre com uma didática incrível! Parabéns!

  • @RicardoSilva-cp7ol
    @RicardoSilva-cp7ol 3 года назад

    Meus parabéns , conteúdo fantástico !!!!

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

      Valeu Ricardo 🙏🏻

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

    Explicação top + fã de breaking bad = sub + like

  • @GabrielRodriguesSv
    @GabrielRodriguesSv 3 года назад +2

    Roger, Primeiramente parabéns pelo vídeo! Realmente muito bom.
    Gostaria de tirar um dúvida:
    Em 5:52 Você aplica destructuring nas propriedades do obj e atribui a eles a instrução THIS, certo?
    Eu aprendi que quandoa gente aplica destructuring a um obj, os elementos entre chaves vao ter seus valores atribuidos a ""variaveis"" (entre mtas aspas), aí a gente consegue acessar os valores das propriedades que sofreram destructurin sem ter q referenciar o obj necessariamente.
    Quando vc aplica o destructuring nessa minutagem que falei, no meu entendimento gera-se 3 "variaveis":
    firstName = person.firstName
    lastName = person.lastName
    nickName = person.nickName
    Certo?
    Aí vc atribuiu a esse destructuring o this. Como q fica esse "desenho" dessas "variaveis" que sofreram destructuring?
    Tipo, fica algo como:
    firstName = this.firstName ?

    • @RogerMelo
      @RogerMelo  3 года назад +3

      É por aí mesmo, mas fique atento a essa observação:
      > ..."e atribui a eles a instrução THIS"...
      O this é uma keyword que **sempre vai referenciar um objeto**. Então sim, vc pode considerar que o this sempre vai referenciar o objeto no qual a invocação do método é encadeada.
      Se ela for encadeada em objeto nenhum (como mostrei em 8:26), vai ser inferido que a invocação do método está encadeada no objeto global (window), o que seria o mesmo que window.invocacaoDoMetodo() =)

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

      Entendi!!! Muito obrigado!

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

    Cara, que aula incŕivel!

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

      Tamo junto Marcio 👊🏻

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

    Faz mais sentido os erros que eu tomei usando this. É utilizável, porém frágil pelo que intendi.

  • @Joao-oo8yj
    @Joao-oo8yj 2 года назад

    Bom... eu entendi que o this sempre vai referência o escopo atual e me retornar um objeto, mas quando se usa funções globais. O que eu não entendi muito bom bem, foi o seu uso nas arrow functions, no caso de uma maneira resumida, ela sempre vai me retornar o objeto ascendente que possui esse escopo em que a arrow function foi declarada e executada?🤔🤔

  • @Daniel-xj6mn
    @Daniel-xj6mn Год назад

    Se ao invés de passar a função printBio para a const printBio eu passasse o objeto em si, e chamasse a função printBio() daria erro?
    Exemplo:
    const printBio = person
    printBio.printBio()

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

    Sou novo no js... Então com essas alternativas existentes, eu posso escolher não utilizar o this?

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

      Sim. Use mais funções puras e evite classes =)
      Mas vc precisa aprender como o this funciona. Caso contrário, pode ter dificuldades ao trabalhar em um código antigo.

    • @joaolipe5272
      @joaolipe5272 3 года назад +2

      @@RogerMelo Obg, Professor!!! E ótima aula inclusive. Sucesso!!!

  • @joaovictor-dl6ve
    @joaovictor-dl6ve 3 года назад

    amigo, tenho uma dúvida, o this no javascript e no java, por exemplo, são as mesma coisa? tenho muita dificuldade em aprender construtor e this...

  • @Gabriel-ny2om
    @Gabriel-ny2om 2 года назад

    esse é fan de breaking bad em kk

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

    Como ter acesso ao seu curso????

    • @RogerMelo
      @RogerMelo  3 года назад +3

      Eu fechei uma turma de 60 pessoas há um mês, então agora não há vagas abertas. Mas vai rolar uma última turma desse ano =)

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

    Parece que "event" tornou-se obsoleto. Qual é a alternativa ao mesmo atualmente?

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

      Não.
      O **event global** foi descontinuado. Quando vc especifica um parâmetro event em um callback de listener de evento, ao invés de usar o event global, você está usando o Event interface:
      - Event global (descontinuado)
      developer.mozilla.org/en-US/docs/Web/API/Window/event
      - Event interface
      developer.mozilla.org/en-US/docs/Web/API/Event