Introdução a objetos em Javascript

Em JavaScript, a maioria das coisas são objetos, desde os principais recursos do JavaScript, como arrays, até o navegador APIs construído sobre o JavaScript. Você pode até mesmo criar seus próprios objetos para encapsular funções e variáveis ​​relacionadas em pacotes eficientes e atuar como contêineres de dados úteis. É importante entender a natureza baseada em objetos do JavaScript se você quiser aprofundar seu conhecimento da linguagem, portanto, fornecemos este módulo para ajudá-lo. Aqui ensinamos a teoria e a sintaxe de objetos em detalhes, depois veremos como criar seus próprios objetos.

Quer se tornar um desenvolvedor web front-end?

Reunimos um curso que inclui todas as informações essenciais que você precisa para trabalhe em direção ao seu objetivo.

Primeiros passos

Pré-requisitos

Antes de iniciar este módulo, você deve ter alguma familiaridade com HTML e CSS. Recomendamos que você trabalhe nos módulos Introduction to HTML e Introduction to CSS antes de começar JavaScript.

Você também deve ter alguma familiaridade com os fundamentos do JavaScript antes de examinar os objetos JavaScript em detalhes. Antes de tentar este módulo, trabalhe nas primeiras etapas do JavaScript e nos blocos de construção do JavaScript.

Nota: Se você estiver trabalhando em um computador/tablet/outros dispositivos nos quais não é possível criar seus próprios arquivos, experimente (a maioria) os exemplos de código em um programa de codificação on-line, como JSBin ou Glitch.

Guias

Noções básicas de objetos

No primeiro artigo sobre objetos JavaScript, veremos a sintaxe fundamental do objeto JavaScript e revisitaremos alguns recursos JavaScript que já examinamos anteriormente no curso, reiterando o fato de que muitos dos recursos que você já tratados são de fato objetos.

Protótipos de objetos

Protótipos são o mecanismo pelo qual os objetos JavaScript herdam recursos uns dos outros e funcionam de maneira diferente dos mecanismos de herança em linguagens de programação clássicas orientadas a objetos. Neste artigo, exploramos como funcionam as cadeias de protótipos.

Programação orientada a objetos (en-US)

Neste artigo, descreveremos alguns dos princípios básicos da programação orientada a objetos "clássica" e veremos como ela é diferente do modelo de protótipo em JavaScript.

Aulas em JavaScript

JavaScript fornece alguns recursos para pessoas que desejam implementar programas orientados a objetos "clássicos" e, neste artigo, descreveremos esses recursos.

Trabalhando com dados JSON

JavaScript Object Notation (JSON) é um formato padrão baseado em texto para representar dados estruturados com base na sintaxe de objeto JavaScript, que é comumente usado para representar e transmitir dados na web (ou seja, enviar alguns dados do servidor para o cliente, para que possa ser exibido em uma página da web). Você o encontrará com bastante frequência, portanto, neste artigo, fornecemos tudo o que você precisa para trabalhar com JSON usando JavaScript, incluindo a análise do JSON para que você possa acessar itens de dados dentro dele e escrever seu próprio JSON.

Prática de construção de objetos

Em artigos anteriores, examinamos toda a teoria essencial de objetos JavaScript e detalhes de sintaxe, fornecendo uma base sólida para começar. Neste artigo, mergulhamos em um exercício prático, dando a você um pouco mais de prática na construção de objetos JavaScript personalizados, que produzem algo divertido e colorido — algumas bolas saltitantes coloridas.

Avaliações

Adicionando recursos à nossa demonstração de bolas quicando

Nesta avaliação, espera-se que você use a demonstração de bolas saltitantes do artigo anterior como ponto de partida e adicione alguns recursos novos e interessantes a ela.

Veja também

Aprenda JavaScript

Um excelente recurso para aspirantes a desenvolvedores web — Aprenda JavaScript em um ambiente interativo, com lições curtas e testes interativos, guiados por avaliações automatizadas. As primeiras 40 aulas são gratuitas e o curso completo está disponível por um pequeno pagamento único.