Criando objetos em JavaScript

JavaScript é uma linguagem de programação projetada para facilitar a interação entre objetos. Nesta linguagem de script, um objeto é basicamente uma variável que pode armazenar muitos valores. Por exemplo, carros em um showroom, alunos da escola e contas bancárias em dinheiro. Existem diferentes maneiras de Criando objetos usando JavaScript, como literais de objeto, métodos construtores, Aulas, e novas palavras -chave. No entanto, o objeto literal é a maneira mais comum de criando objetos usando JavaScript.

Neste artigo, explicamos dois métodos para criar objetos em JavaScript.

• Usando objeto literal para criar objeto em javascript
• Usando o método construtor para criar objeto em javascript
• Usando a classe para criar objeto em javascript
• Usando a nova palavra -chave para criar objeto em javascript

Método 1: Crie um objeto usando os literais do objeto em JavaScript

É a maneira mais simples de criar um objeto em JavaScript, inicializando o objeto. Os usuários podem criar e definir um objeto em uma única linha. Um fenômeno do par de valores-chave é realizado para atribuir os valores separados por um cólon. A atribuição de valores é escrita em aparelhos encaracolados:

Sintaxe

A sintaxe para criar um objeto com um inicializador de objeto é dada abaixo:

var object = PropertyName: PropertyValue

O propriedade nome refere -se ao nome da propriedade e do valor da propriedade representa o valor dessa propriedade.

Exemplo

Neste exemplo, todos os valores são atribuídos às propriedades do objeto com um valor chave.

Código

// Um ​​exemplo de criação de um objeto usando literais de objeto
var professor = primeiro nome: "Harry",
Nome do último: "Billi",
Idade: 35,
Assunto: "Math";
console.log (professor.primeiro nome);

No código:

• O objeto professor é definido e propriedades diferentes são criadas para este objeto.
• Depois, valores diferentes são atribuídos a essas propriedades.
• No final, a propriedade específica professor.primeiro nome é exibido usando o console.registro() método em JavaScript.

Saída

A saída retorna a propriedade específica de um objeto, criando o método literal do objeto em JavaScript.

Observação: JavaScript 1.1 e anterior não suporta literais de objeto para inicializar objetos.

Método 2: Criando um objeto usando o método do construtor em javascript

Outra maneira alternativa que pode ser utilizada para criar um objeto em JavaScript é o método do construtor. O método cria uma instância de objeto da classe. Neste método, primeiro defina um tipo de objeto utilizando o método do construtor:

Sintaxe

Função Construtor (Propriedade)
esse.Propriedade = Propriedade;
deixe newObject = new construtor ('objectValue');

Parâmetro:

Os parâmetros são descritos da seguinte forma.

• Construtor: um método que inicializa um objeto da classe.
• newObject: representa o objeto recém -criado
• propriedade: indica a propriedade de objeto existente
• ObjectValue: especifica o valor que é atribuído ao objeto.

Exemplo

Um exemplo é fornecido para criar um objeto com o método construtor no JavaScript. Para esse fim, o código é o seguinte:

Código

// Um ​​exemplo de criação de um objeto usando o construtor
classe de função (nome, sujeito)
esse.nome = nome;
esse.sujeito = sujeito;

Seja professor1 = nova classe ('John', 'Math');
Let Professor2 = Nova classe ('Harry', 'Física')
console.Log (Professor1.nome);
console.Log (Professor2.nome);

Neste código:

• Um construtor é chamado passando pela propriedade nome e assunto.
• Depois disso, dois objetos são criados com os nomes de Professor1 e Professor2.
• Os diferentes valores são atribuídos a eles chamando o construtor.

Saída

A saída retorna os nomes John e atormentar que estão associados às propriedades de Professor1 e Professor2.

Método 3: Criando um objeto usando a classe em JavaScript

A nova versão do JavaScript ES6 apoiou o conceito de classe. Criar o objeto Utilizando a classe é como o método do construtor acima. No entanto, os métodos são substituídos pelas classes, fornecendo as funcionalidades na versão ES6 em JavaScript. A sintaxe para criar este método é fornecida abaixo:

Sintaxe

Classe ClassName
construtor (propriedade)
esse.Propriedade = Propriedade;
Let NewObject = new ClassName ('ObjectValue');

Na sintaxe acima:

• O nome da classe Especifica o nome da classe.
• Depois disso, a propriedade é passada para o construtor.
• No final, o ObjectValue é atribuído ao newObject variável em javascript.

Exemplo

Um exemplo de criação de um objeto é demonstrado utilizando a classe em JavaScript.

Código

// Um ​​exemplo de criação de um objeto usando classes
professor da classe
construtor (nome, sujeito, cabelo)
esse.nome = nome;
esse.sujeito = sujeito;
esse.cortes de cabelo = cabelo;


Seja professor1 = novo professor ('Ali', 'física', 'preto');
Seja professor2 = novo professor ('John', 'Math', 'Brown');
console.Log (Professor1.nome);
console.Log (Professor2.assunto);

Neste código:

• O professor da turma é definido em três propriedades: nome, assunto e cor de cabelo.
• Além disso, dois objetos são criados: Professor1 e Professor2.
• Após, Valores diferentes são atribuídos a Professor1 e Professor2 objetos.
• Finalmente, apresente as informações com o console.registro() Método em JavaScript.

Saída

A saída mostra a execução do código acima de tal maneira que Professor de objeto1 Retorna a propriedade Nome Todos. Da mesma maneira, a propriedade de objeto Professor2 é devolvido utilizando o operador de pontos em JavaScript.

Método 4: Criando um objeto usando a nova palavra -chave em JavaScript

Este método refere -se à criação de um objeto usando a nova palavra -chave em JavaScript. O operador DOT é utilizado para criar as propriedades de novos objetos. Depois disso, os valores são atribuídos a eles. É também um método comumente usado para criar objetos em JavaScript. Para entender melhor a nova palavra -chave, um exemplo é fornecido aqui.

Exemplo

O exemplo é demonstrado criando um objeto professor em javascript.

Código

// Um ​​exemplo de criação de um objeto usando nova palavra -chave
var professor = new Object ();
professor.primeironame = "Ali";
professor.último nome = "ahmed";
professor.sujeito = "matemática";
professor.idade = 35;
professor.cabelo de cabelo = "marrom";
console.log (professor.primeiro nome);
console.log (professor.idade);
console.log (professor.assunto);

Neste código, a descrição é a seguinte:

• Um objeto professor é criado com um novo palavra -chave.
• Depois disso, primeiro nome, último nome, assunto, idade, e cor de cabelo As propriedades são definidas com o operador de pontos.
• Valores diferentes são atribuídos a essas propriedades.
• No final, as propriedades do objeto são exibidas usando o console.registro() método.

Saída

A saída exibe a execução do código, utilizando o nova palavra -chave em javascript. Primeiro, o professor.Nome devolveu o nome do professor Todos. De forma similar, professor.idade e professor.assunto é utilizado para exibir a idade e o assunto do professor em JavaScript.

Conclusão

As quatro maneiras diferentes são demonstradas para criar objetos em JavaScript, incluindo literais de objeto, métodos de construtor, classes, e a nova palavra -chave. Em primeiro lugar, o objeto literal é usado para criar um objeto pelos pares de nomes-valor. O método construtor é empregado para inicializar um objeto e atribuir valores com base em suas propriedades existentes. Além disso, Aulas são adaptados para criar objetos e exibir suas propriedades atribuindo valores a eles. No final, a palavra -chave novo é utilizado para criar um único objeto de cada vez e apresentá -lo na janela do console.