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"]
Acessando Métodos de objeto
Você acessar um método de objeto com a seguinte sintaxe:
objectName.methodName()
Se você acessar o fullName propriedade, sem o () , ele irá retornar a definição da função:
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 »