Objeto (Object) do JavaScript

entender os objetos JavaScript

JavaScript temobjetoé um tipo de dados, composto pornomeevalorconjunto, separados pornome: valorrepresentando.

pares de nome: valor podem conter qualquer tipo de dados (inclusive strings, números e booleanos) e métodos, que são funções contidas no objeto.

Os objetos JavaScript são entidades independentes, que podem ser comparados com objetos da vida real.

Por exemplo, um carro tem nome e cor entre outrosAtributoe métodos como start(启动) e stop(停止)métodosdo objeto:

Todos os carros têmAtributomas cada propriedade do carrotodos os valoresdiferentes.

Todos os carros têmmétodosmas esses métodos podem terfunções diferentes.

Criar um objeto

Os objetos são um tipo de dados JavaScript, assim como os números ou strings também são tipos de dados. Como tipo de dados, os objetos podem ser contidos em variáveis.

Existem várias maneiras de construir objetos em JavaScript:

• usandoconstante de objetousando chaves: {}

• usandoMais à frente neste tutorial, discutiremosusando new Object()

• ou, você pode criar umConstrutor do objetoe, em seguida, exemplificaremos um objeto que chama essa função

Neste exemplo, usaremos constante literal de objetoO que é uma constante literal? Uma quantidade constante usada para atribuir valor a uma variável é chamada de constante literal

var　user　=　{firstName:"Vishal",　lastName:"Choudhary",　age:22,　location:"New　Delhi"};

一个对象定义可以跨越多行。

var user = {
　　firstName: "Vishal",
　　um objeto definido pode ser espalhado em várias linhas.
　　lastName: "Choudhary",　22,
　　idade:
};

location: "New Delhi"Mais à frente neste tutorial, discutiremoseConstrutor do objeto.

Construtor

Atributo do objeto

O atributo é a associação entre o nome e o valor no objeto e pode conter qualquer tipo de dados.

O atributo geralmente se refere às características do objeto.

Acessar atributo do objeto

• Existem duas maneiras de acessar atributos de objeto:

• Ponto de interrogação: .

Símbolos de colchetes: []user.

Vamos reavaliar o exemplo original do objeto

user.firstName;

user["firstName"];

Ponto e parênteses são usados frequentemente. No entanto, o ponto de interrogação é mais rápido e mais legível.

Métodos do objeto

Os métodos são funções armazenadas como valores de atributo do objeto, portanto são tarefas que o objeto pode executar.Definição da função armazenada como.

　　var user = {
　　firstName: "Vishal",
　　lastName : "Choudhary",
　　age :　22,
　　location : "New Delhi",
　　getName : function() {
　　　return this.firstName　+　"　"　+　this.lastName;
　　}
　　};

Atenção:Os métodos são funções armazenadas como atributos.

Acessar método do objeto

Para recuperar um método de objeto, você pode chamá-lo como uma função convencional, apenas anexando-o à variável do objeto.

user.getName();

Se você acessar o método sem parênteses (), ele retornará a definição da função:

user.getName;

O que éPalavra-chave "this"?

Você pode ter notado que nossos métodos são um pouco estranhos. Vamos usar esse como exemplo:

　　getName: function() {
　　　return this.firstName　+　"　"　+　this.lastName;
　　}

A palavra-chave this se refere ao objeto atual interno onde o código foi escrito-Portanto, neste caso, this é equivalente auser.

Por outras palavras, this.firstName representaEste objetono atributo firstName.

Você podeJS thisTutorialPalavra-chave this do JSPara obter mais informações sobre essa palavra-chave.

Você sempre esteve usando objetos

Quando você navega por esses exemplos, você pode estar pensando que os pontos que você está usando são muito familiares. Isso porque você tem estado usando isso ao longo do tutorial.

Cada vez que navegamos por esses exemplos.

Cada vez que navegamos por exemplos de objetos JavaScript internos.

　　Quando você acessa o Modelo de Objeto de Documento (DOM) usando a seguinte linha:
　　document.write("Hello world");

document.getElementById("para");Classe Exemplo disponível. Para cada página carregada, é criado umVocê está usandoClasse Exemplo disponível. Para cada página carregada, é criado umExemplo, chamadodocument, que representa a estrutura completa da página, conteúdo e outras funcionalidades, como URL. Além disso, isso significa que ele possui vários métodos comuns disponíveis/Atributo. Isso representa a estrutura completa da página, conteúdo e outras funcionalidades, como URL. Isso também significa que ele possui vários métodos comuns disponíveis

new Palavra-chave

Quando você usa a palavra-chave new para declarar variáveis do JavaScript, a variável será criada como um objeto:

　　var a = new Number();　　//　Declarar a como objeto Number
　　var b = new String();　　//　Declarar b como objeto String
　　var c = new Boolean();　　　//　Declarar c como objeto Boolean

Evite usarString,NumbereBooleanObjetos. Eles podem tornar seu código mais complexo e reduzir a velocidade de execução.

Você aprenderá mais sobre objetos na parte posterior deste tutorial.