1. Objeto Variável
Tipos de dados em JS:
- Fragmento
- Número
- boleano
- Nulo
- Indefinido Os
cinco tipos acima pertencem aos tipos de dados básicos.Contanto que os valores que veremos no futuro não sejam os cinco tipos acima, eles são todos objetos.
Os tipos de dados básicos são todos um único valor "hello" 123 true, e não há conexão entre valor e valor.
Em JS para representar as informações de uma pessoa (nome, sexo, idade)
var name="lili";
var gender="女";
var age=22;
如果使用基本数据类型
我们所创建的变量都是独立的
不能成为一个整体
O objeto pertence a um tipo de dados composto e vários atributos de diferentes tipos de dados podem ser armazenados no objeto.
1. Classificação de objetos
(1) Objetos embutidos
- Os objetos definidos no padrão ES podem ser usados em qualquer implementação ES, como: Math String Number Boolean. . .
(2) Objeto host
- Os objetos fornecidos pelo ambiente de execução do JS, atualmente, referem-se principalmente aos objetos fornecidos pelo navegador, tais como: BOM (Modelo de Objeto de Navegador) DOM (Modelo de Objeto de Documento) dois tipos de objetos
(3) Objeto personalizado
- Objetos criados pelos próprios desenvolvedores
Dois, crie um objeto
1. Crie um objeto
A função chamada com a palavra-chave new é o construtor do construtor.O construtor é uma função usada especificamente para criar objetos.
var obj=new Object();
//new调用Object()函数去构造函数来创建对象，然后赋值给变量obj
//使用typeof检查一个对象时，会返回object
2. Adicione atributos ao objeto
O valor salvo no objeto é chamado de atributo Adicionando um atributo ao objeto
Sintaxe: objeto Nome do atributo = valor do atributo;
var obj=new Object();
obj.name="lili";
obj.age=22;
console.log(obj);
//{"age":22,"name":"lili"}
3. Leia os atributos no objeto
Sintaxe: objeto. Nome do atributo
console.log(obj.name);
Se você ler uma propriedade que não está no objeto, nenhum erro será relatado, mas undefined será retornado.
4. Modifique as propriedades do objeto
Sintaxe: objeto.Nome do atributo = novo valor;
5. Exclua os atributos no objeto
Sintaxe: deletar objeto Nome da propriedade;
delete obj.name;
6. Use métodos de fábrica para criar objetos
Use o método de fábrica para criar objetos, que podem ser usados para criar objetos em lotes.
function fun(name,age){
//创建一个新的对象
var obj=new Object();
//向对象中添加属性
obj.name=name;
obj.age=age;
obj.sayName=function(){
console.log(this.name);
}
//将新对象返回
return obj;
}
var obj2=fun("zhuzhu",22);
console.log(obj2);//输出fun函数中的obj对象的属性和属性值
obj2.sayName();//输出fun函数的sayName
Objetos criados usando o método de fábrica, os construtores usados são todos Object, então os objetos criados são todos do tipo Object, o que torna impossível para nós distinguir entre muitos tipos diferentes de objetos. Precisa ir ao construtor
Três, nome do atributo e valor do atributo
Adicione atributos ao objeto:
obj.name="李李"；name是属性名，李李是属性值
1. Nome da propriedade:
(1) O nome do atributo do objeto não é obrigatório para cumprir a especificação do identificador, qualquer coisa pode ser usada, mas ainda tentamos seguir a especificação do identificador tanto quanto possível.
(2) Se você deseja usar um nome de atributo especial (não conforme as regras de identificador), você não pode usar o .Método para operar, e outro método é necessário:
sintaxe: objeto ["nome do atributo"] = valor do atributo;
var obj=new Object();
obj["1aa"]=789;
console.log(obj["1aa"]);
(3) Usar a forma de [] para manipular atributos é mais flexível.Você pode passar diretamente uma variável em [], de modo que o valor da variável leia o nome do atributo para obter o valor do atributo.
var obj=new Object();
obj["nihao"]="你好";
var n="nihao";
console.log(obj[n]);
2. Valor do atributo
(1) O valor do atributo em JS pode ser qualquer tipo de dados ou até mesmo um objeto.
var obj=new Object();
var obj2=new Object();
obj2.name="lili";
obj.test=obj2;//将obj2设置成obj的属性值
console.log(obj.test);
{
"name":"lili"}
(2) Verifique se um objeto contém o atributo especificado
no operador, pelo qual você pode verificar se um objeto contém o atributo especificado, se tiver, ele retornará verdadeiro, e se não, retornará falso.
Sintaxe: nome da propriedade no objeto
console.log("test2" in obj);//false
Quatro tipos de dados básicos e de referência
O tipo de dado básico é o valor armazenado diretamente na pilha, o tipo de dado de referência é apenas o endereço de referência, a variável se refere ao endereço de memória e o objeto é armazenado no heap.
-
Variáveis em JS são armazenadas na memória da pilha e
os valores dos tipos de dados básicos são armazenados diretamente na memória da pilha.
Valor e valor são independentes e a modificação de uma variável não afetará outras variáveis.
-
O objeto é salvo na memória heap.A cada vez que um novo objeto é criado, um novo espaço é aberto na memória heap, e a variável salva o endereço de memória do objeto (referência ao objeto).
Se duas variáveis contiverem a mesma referência de objeto, quando uma modifica as propriedades por meio de uma variável, a outra também será afetada.
obj2 = null não tem nada a ver com obj. -
Quando as propriedades de dois objetos são iguais, os valores das propriedades são os mesmos, os dois objetos ainda não são iguais e são dois objetos separados. O endereço da memória não é o mesmo, não é o mesmo.
Ao comparar dois tipos de dados básicos, é simplesmente um valor de comparação.
Ao comparar dois tipos de dados de referência, é o endereço de memória do objeto de comparação.
Cinco, objeto literal
1. Use literais de objeto para criar um objeto
var obj={
};
Usando literais de objeto, você pode especificar diretamente os atributos no objeto ao criá-lo.
Sintaxe: {nome do atributo: valor do atributo, nome do atributo: valor do atributo ...}
- O nome do atributo do literal do objeto pode estar entre aspas ou não. Recomenda-se não adicioná-lo. Se quiser usar alguns nomes especiais, deve-se adicionar aspas.
- O nome do atributo e o valor do atributo são um conjunto de estruturas de pares nome-valor
. Use entre o nome do atributo e o valor do atributo: conexão
. Use vírgulas entre vários pares nome-valor para separar.
Se não houver outros atributos após um atributo, não escreva uma vírgula.