Vanilla Javascript - #7 Objetos Personalizados

Nessa aula aprenderemos um pouco mais sobre objetos, ressaltando como criar objetos personalizados pelo programador.

Criando objetos no Javascript

Os objetos no JS possuem propriedades e métodos que podem ser invocados em nosso sistema.

Para criarmos objetos existem duas formas principais (formal e literal):

let person = new Object();
person.name='Thiago';

let person2={
    name: 'Thiago'
}

Conteúdo dos objetos

Os objetos JS podem conter os tipos primitivos (string, numbers, boolean), arrays, functions e outros objetos. Veja o exemplo abaixo:

let person1={
    name: 'Thiago'
}

let person2={
    name:'Webdesign',
    age: 10,
    status: false,
    array: ['profissional','design', 'website'],
    work: function () {
        alert("Work");
    },
    support: person1,
    useThis: function(){
        return this.age;
    }
}

Para utilizar as propriedades do objeto basta fazermos como no exemplo abaixo:

person2.name;
person2.work();

this no objeto JS

Quando utilizamos a palavra reservada this dentro do objeto, ela se refere ao próprio objeto e não ao objeto global window.

Sucesso nos códigos e na vida!