Live na Integra TikTok 25072024 PARTE 2

Olá Pessoal!

Na Live do dia 25/07/2024 foram abordados os seguintes temas:

Revisão de criação de objetos e classes;
Criação e exportação da classe Pessoa;
Criação da classe Pessoa Jurídica;
Criação de um index.html para trabalhar com a classe Pessoa Jurídica.
Criação do package.json;
Trabalhamos também com debug.

CLASSE PESSOA


export default class Pessoa{

    constructor(nome,  idade){
        this.nome = nome;
        this.idade = idade;

        this.apresentar = function(){

            console.log('ola,eu sou ' + 
               this.nome + ' e tenho ' +
               this.idade + ' anos');               
        }
    }
}

// const pessoa1 = new Pessoa('Marcos', 43);

// pessoa1.apresentar()


CLASSE PESSOA JURIDICA

import Pessoa from "./ClassePessoa.js";

export default class PessoaJuridica extends Pessoa {
    constructor(nome, idade, cnpj){
        super(nome, idade);
        this.cnpj = cnpj;
    }

    exibirCNPJ(){

        console.log(`CNPJ: ${this.cnpj}` );
    }
}

// const pessoa1 = new  PessoaJuridica('Maria', 30,
//     '123456789');

//     pessoa1.exibirCNPJ()
//     pessoa1.apresentar()


INDEX.HTML

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Orientação a Objetos</title>
</head>
<body>

    <script type="module">
        import PessoaJuridica from './ClassePessoaJuridica.js';

        const pessoa3 = new PessoaJuridica(
            'Marcos', 43, '123123123');

        pessoa3.exibirCNPJ();
        pessoa3.apresentar();



    </script>
    
</body>
</html>


PACKAGE.JSON

{
    "type": "module"
}

JavaScript Também Trabalha com Orientação a Objetos

JavaScript é amplamente conhecido como a linguagem de script da web, mas muitos não percebem que ele também é uma linguagem poderosa de programação orientada a objetos (OOP). Essa característica torna JavaScript extremamente versátil, permitindo a criação de aplicativos complexos e dinâmicos.

Na orientação a objetos, o foco está em objetos que representam entidades do mundo real. Esses objetos têm propriedades (atributos) e métodos (funções) que definem seu comportamento. Em JavaScript, os objetos podem ser criados de várias maneiras, sendo a mais comum através de funções construtoras ou da sintaxe de classes introduzida no ES6.

Conclusão

Em resumo, a orientação a objetos em JavaScript oferece uma maneira poderosa e flexível de estruturar código, facilitando a criação de aplicativos escaláveis e fáceis de manter. Aproveitar essa funcionalidade pode transformar significativamente a forma como desenvolvedores abordam a programação na web.