Ilustração de um computador. Work illustrations by Storyset.

Estudos em Javascript

Objetos, Propriedades e Métodos

Objetos

Um objeto é um conjunto/coleção de dados e propriedades, ou seja, ele pode ser uma variável e todas as suas características.

let pizza = {  
    sabor: "Calabresa",  
    tamanho: "Grande",  
    borda: "Catupiry"  
};

Essa maneira de criar objetos se chama Object Literal, onde o valor e os atributos da variável é colocado dentro de um conjunto de chaves, separados por vírgula.

Outro método utilizado na criação de um objeto é com a palavra-chave new e o Construtor de Objeto.

let pizza = new Object();  
pizza.sabor = "Calabresa";  
pizza.tamanho = "Grande";  
pizza.borda = "Catupiry";

Também é possível criar um objeto a partir de uma Função Construtora. Com esse tipo de construção, é possível criar diversos outros objetos do mesmo tipo.

function Pizza(sabor, tamanho, borda) {  
    this.sabor = sabor;  
    this.tamanho = tamanho;  
    this.borda = borda;  
}

let pizzaSalgada = new Pizza("Calabresa", "Grande", "Catupiry");

let pizzaDoce = new Pizza ("Brigadeiro", "Broto", "Chocolate");

Objetos Embutidos

Também chamados objetos nativos, podem ser atribuídos ao qualquer objeto criado sem a necessidade de uma configuração prévia, uma vez que já fazem parte da linguagem.

Propriedades

As propriedades, como visto acima, são as características/atributos de um objeto. As propriedades são constituídas de um nome (também chamado de chave) e um valor, podendo ser qualquer tipo de dado JavaScript, como um string, número e até uma função (nesse caso o valor passa a se chamar método).

Como acessar propriedades

Modo 1

let pizza = {  
    sabor: "calabresa",  
    tamanho: "grande",  
    borda: "catupiry"  
};

console.log("Gostaria de pedir uma pizza " + pizza.tamanho + " de " + pizza.sabor + " com borda de " + pizza.borda + ".");

Modo 2

let pizza = {  
    sabor: "brigadeiro",  
    tamanho: "broto",  
    borda: "doce de leite"  
};

console.log("E também uma " + pizza[tamanho] + " de " + pizza[sabor] + " com borda de " + pizza[borda] + ".");

Nessas duas maneiras de acessar propriedades, é possível também utilizar o template string para concatenar as informações.

`Minha pizza preferida é de ${pizza.sabor"}.´

`Eu não gosto de pizza de ${pizza["sabor"]}.´

Métodos

Métodos são ações que podem ser realizadas nas strings, ou também propriedades do objeto em forma de função.

Podemos dizer que a estrutura de um método é igual ao de uma propriedade, a única diferença é a existência dos parênteses junto ao valor, que o define como uma função.

let pizza = {  
    sabor: "calabresa",  
    tamanho: "grande",  
    borda: "catupiry"  
    fazerPedido: function() {  
        return "Olá! Quero pedir uma pizza de " + pizza.sabor + "."  
    }  
};

O JavaScript possui também alguns métodos primitivos, que podem retornar características das strings ou modificá-las (criando uma nova string, sem alterar a original).

Alguns desses métodos nativos são: