tutoriais mais recente desenvolvimento web
 

JavaScript objetos


Real Life objetos, propriedades e métodos

Na vida real, um carro é um objeto.

Um carro tem propriedades como peso e cor, e métodos como início e parada:

Objeto propriedades Métodos

car.name = Fiat

car.model = 500

car.weight = 850kg

car.color = white

car.start()

car.drive()

car.brake()

car.stop()

Todos os carros têm as mesmas propriedades, mas os valores de propriedades diferem de carro para carro.

Todos os carros têm os mesmos métodos, mas os métodos são realizados em momentos diferentes.


JavaScript Objects

Você já aprendeu que as variáveis ​​JavaScript são recipientes para valores de dados.

Este código atribui um valor simples (Fiat) a um carro variável chamada:

var car = "Fiat";
Tente você mesmo "

Objetos são variáveis ​​também. Mas os objetos podem conter muitos valores.

Este código atribui muitos valores (Fiat, 500, white) a uma variável de carro com o nome:

var car = {type:"Fiat", model:"500", color:"white"};
Tente você mesmo "

Os valores são escritos como nome: valor pares (nome e valor separados por dois pontos).

Objetos JavaScript são recipientes para valores nomeados.


Propriedades do objeto

O nome: valores pares (em objetos JavaScript) são chamados de propriedades.

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

Propriedade Valor da propriedade
firstName John
lastName Doe
age 50
eyeColor blue

Métodos de objeto

Os métodos são ações que podem ser executadas em objetos.

Métodos são armazenados em propriedades como definições de funções.

Propriedade Valor da propriedade
firstName John
lastName Doe
age 50
eyeColor blue
fullName function() {return this.firstName + " " + this.lastName;}

objetos JavaScript são recipientes para valores nomeados chamados propriedades ou métodos.


Definição objeto

Você define (e criar) um objeto JavaScript com um objeto literal:

Exemplo

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
Tente você mesmo "

Espaços e quebras de linha não são importantes. Uma definição de objeto pode ocupar várias linhas:

Exemplo

var person = {
    firstName:"John",
    lastName:"Doe",
    age:50,
    eyeColor:"blue"
};
Tente você mesmo "

Acessando propriedades de objetos

Você pode acessar as propriedades do objeto de duas maneiras:

objectName.propertyName

ou

objectName["propertyName"]

example1

person.lastName;
Tente você mesmo "

Example2

person["lastName"];
Tente você mesmo "

Acessando Métodos de objeto

Você acessar um método de objeto com a seguinte sintaxe:

objectName.methodName()

Exemplo

name = person.fullName();
Tente você mesmo "

Se você acessar o fullName propriedade, sem o () , ele irá retornar a definição da função:

Exemplo

name = person.fullName;
Tente você mesmo "

Não declarar Cordas, Numbers, e Booleans como objetos!

Quando uma variável JavaScript é declarada com a palavra-chave "new" , a variável é criado como um objeto:

var x = new String();        // Declares x as a String object
var y = new Number();        // Declares y as a Number object
var z = new Boolean();       // Declares z as a Boolean object

Evite String, Number, e objetos booleanos. Eles complicam o seu código e abrandar a velocidade de execução.

Você vai aprender mais sobre objetos mais adiante neste tutorial.


Teste-se com exercícios!

Exercício 1 » Exercício 2» Exercício 3 »