Tudo que você precisa saber sobre objetos JavaScript



Este blog sobre JavaScript Object fornecerá conhecimento aprofundado sobre diferentes métodos para definir e criar novos objetos em javascript com exemplos.

é uma linguagem de programação orientada a objetos. Os objetos formam os blocos de construção que são considerados os tipos de dados mais importantespara a linguagem de programação. Este artigo fornecerá conhecimento aprofundado sobre objetos JavaScript, como eles são criados e definidos na seguinte sequência:

Objeto JavaScript

os objetos são semelhantes aos objetos da vida real, que consistem em diferentes atributos e propriedades. Esses objetos são definidos como uma coleção não ordenada de dados relacionados, que são de tipos primitivos ou de referência. Eles são definidos na forma de pares “chave: valor”.





JavaScript - objeto javascript - Edureka

Essas chaves são variáveis ​​ou funções que são chamados de propriedades e métodos de um objeto. Você pode criar um objeto JavaScript como:



let ObjectName = {Property1: 'Value', Property2: 'Value', ... ...}

Como criar um novo objeto?

Existem 3 maneiras de criar um novo objeto:

  • Por Objeto Literal

Sintaxe:

objeto = {propriedade1: valor1, propriedade2: valor2 ..... propriedadeN: valorN}

Exemplo:



funcionário = {id: 700, nome: 'Evan', salário: 30000} document.write (funcionário.id + '' + funcionário.nome + '' + funcionário.salário)

Resultado:

700 Evan 30000
  • Criando instância de objeto

Sintaxe:

var objectname = new Object ()

Exemplo:

var emp = new Object () emp.id = 701 emp.name = 'Karan' emp.salary = 40000 document.write (emp.id + '' + emp.name + '' + emp.salary)

Resultado:

701 Karan 40000
  • Usando um Construtor de Objetos

Uma função é criada com argumentos. Cada valor de argumento pode ser atribuído no objeto atual usando isto palavra-chave.

Exemplo:

função funcionário (id, nome, salário) {this.id = id this.name = name this.salary = salary} emp = novo funcionário (702, 'Neha', 35000) document.write (emp.id + '' + emp .name + '' + emp.salary)

Resultado:

702 Neha 35000

Propriedades

PARA propriedade de um objeto é um variável que está anexado ao objeto. Eles são basicamente iguais às variáveis ​​JavaScript, exceto pelo anexo a objetos.

As propriedades de um objeto definem as características do objeto. Você pode acessar as propriedades de um objeto com uma notação de ponto simples, como:

objectName.propertyName

Você pode definir uma propriedade atribuindo a ela um valor. Por exemplo, vamos criar um objeto chamado Carro e dar a ele propriedades como empresa, modelo , e cor . Pode ser definido como:

var Car = new Object () Car.company = 'Ford' Car.model = 'Mustang' Car.color = 'Red'

Métodos

PARA método é um função associado a um objeto. Também é uma propriedade de um objeto. Os métodos são definidos como funções normais, mas devem ser atribuídos como propriedade de um objeto.

O método do objeto pode ser acessado como:

objectName.methodName ()

Exemplo:

var person = {firstName: 'Tessa', lastName: 'Den', empid: 7100, fullName: function () {return this.firstName + '' + this.lastName}}

Resultado:

Tessa Den

Alguns dos métodos integrados comumente usados ​​são:

Métodos Descrição
Object.assign () É usado para copiar propriedades enumeráveis ​​e próprias de um objeto de origem para um objeto de destino
Object.create () É usado para criar um novo objeto com o objeto de protótipo especificado e propriedades
Object.defineProperty () É usado para definir atributos comportamentais da propriedade
Object.entries () Retorna um matriz com os pares de chave e valor
Object.freeze () Impede que as propriedades existentes sejam removidas

Acessores

Configurando Eclipse para Java

Os acessadores JavaScript consistem em Getters e Setters que são usados ​​para definir os acessadores de objeto.

  • The Get Keyword

Vamos dar um exemplo e ver como Getters estão acostumados a obter qualquer valor da propriedade:

var person = {firstName: 'Daisy', lastName: 'Green', empid: 401, get id () {return this.empid}} document.getElementById ('demo'). innerHTML = person.id

Resultado:

401
  • The Set Keyword

Vamos dar um exemplo e ver como Setters estão acostumados a conjunto qualquer valor da propriedade:

var person = {firstName: 'Daisy', lastName: 'Green', empid: 00, set id (value) {this.empid = value}} person.id = 401 document.getElementById ('demo'). innerHTML = person .empid

Resultado:

401

Protótipos

Todos os objetos JavaScript herdam propriedades e métodos de um protótipo. Por exemplo:

  • Encontro objetos herdam de Date.prototype
  • Array objetos herdam de Array.prototype
  • Pessoa objetos herdam de Person.prototype

O JavaScript protótipo propriedade é usada para adicionar novas propriedades aos construtores de objeto.

Exemplo:

função Pessoa (primeiro, último, id, idade) {this.firstName = primeiro this.lastName = último this.empid = id this.age = age} Person.prototype.nationality = 'Indian'

A propriedade prototype também permite adicionar novos métodos aos construtores de objetos.

Exemplo:

function Person (first, last, id, age) {// Adicionando métodos aos construtores this.firstName = first this.lastName = last this.empid = id this.age = age} Person.prototype.name = function () {return this.firstName + '' + this.lastName}

Você pode modificar seus próprios protótipos, mas nunca modificar os protótipos de objetos JavaScript padrão.

Com isso, chegamos ao final do nosso artigo. Espero que você tenha entendido os Objetos JavaScript e os diferentes métodos para defini-los.

Agora que você sabe sobre objetos JavaScript, verifique o por Edureka. O Treinamento de Certificação de Desenvolvimento Web ajudará você a aprender como criar sites impressionantes usando HTML5, CSS3, Twitter Bootstrap 3, jQuery e APIs do Google e implementá-lo no Amazon Simple Storage Service (S3).

Tem alguma questão para nós? Mencione isso na seção de comentários de “Objeto JavaScript” e entraremos em contato com você.