/on25-IJS-orientacao-objetos-I

Turma ON25 - ImersãoJS - S5 - Introdução à Orientação a Objetos I

Primary LanguageJavaScript

logo reprograma

Tema da Aula

Turma Online 25 - Imersão JavaScript | Semana 5 - Introdução à Orientação a Objeto I | 2023 | Professora: Luara Kerlen

Instruções

Antes de começar, vamos organizar nosso setup.

  • Fork esse repositório
  • Clone o fork na sua máquina (Para isso basta abrir o seu terminal e digitar git clone url-do-seu-repositorio-forkado)
  • Entre na pasta do seu repositório (Para isso basta abrir o seu terminal e digitar cd nome-do-seu-repositorio-forkado)

Objetivo

  • Introduzir o conceito de paradigma de programação;
  • Entender o que são classes e objetos e qual é a diferença entre os dois conceitos.

Resumo

O que veremos na aula de hoje?

Conteúdo

Recapitulando...

ES6 Instantiation

ES6 é um encurtamento de ECMAScript 6. A ES6 Instantiation utiliza a palavra-chave class ao invés de criar uma função regular. A classe então se torna uma função construtora quando criamos o constructor dentro dela.

Os métodos para o objeto também são implementados dentro do escopo da classe:

class Animal {
  type;
  name;
  age;
  energy;

  constructor(type, name, age) {
    this.type = type;
    this.name = name;
    this.age = age;
    this.energy = 0;
  }

  eat() {
    console.log(`O ${this.type} chamado ${this.name} está comendo`);
  }

  sleep(hours) {
    console.log(`O ${this.type} chamado ${this.name} está dormindo`);
    this.energy += hours;
    console.log(`Energia atual: ${this.energy}`);
  }
}

const animal1 = new Animal('cachorro', 'Aslam', 3);
console.log(animal1);

Spoiler: quando escrevemos nosso programa dessa maneira, estamos utilizando a Programação Orientada a Objetos. Dá pra perceber desde já o porquê ela leva esse nome, né? Estamos tratando, desde o início, de objetos e de maneiras de criá-los e modificá-los.

Exercícios

Material da aula

Links Úteis

Contatos da prô

Desenvolvido com 💜