Discussão sobre objetos JavaScript

Autor：Eve Cole Data da Última Atualização：2025-02-10 11:50:24

Devido à flexibilidade do JavaScript, todos podem escrever código de acordo com seus próprios hábitos. Iniciado gradualmente.

1. Objeto literal:

A seguir, o conteúdo citado:

var pessoa = {
Nome: NULL,
setName: function (nome) {
this.name = nome;
retornar este.name;
},
getName: function () {
alerta (this.name);
}
}

Um método de programação com recursos JavaScript, contém nome de atributo, Method SetName e GetName na unidade de classe. Não é privado e pode ser chamado.

2. Modo de chamada do construtor de protótipo

A seguir, o conteúdo citado:

var pessoa = function () {
this.name = null;
}
Person.prototype.setName = function (nome) {
this.name = nome;
}
Person.prototype.getName = function () {
alerta (this.name);
}

É também um método de programação muito comum. classe). O erro vem deste apontamento para a pessoa.Prototype, e a pessoa não possui um método SetName.

3. Use funções anônimas para programar funções

A seguir, o conteúdo citado:

(função(){
Var Nome;

var setName = function (n) {
nome = n;
}
janela ['pessoa'] ['setName'] = setName;

var getName = function () {
alerta (nome);
}
janela ['pessoa'] ['getName'] = getName;
}) ()

Um dos maiores benefícios do surgimento de classes é que ele reduz o surgimento de variáveis globais, mas se você ainda estiver acostumado à programação funcional, isso não importa. Função interna e não há necessidade de se preocupar com o surgimento de variáveis globais. e métodos privados.

4. Programação clássica (não sei qual é o nome)

A seguir, o conteúdo citado:

var pessoa = function () {
Var Nome = NULL;
retornar{
setName: function (n) {
nome = n;
},
getName: function () {
alerta (nome);
}
}
}

É muito semelhante aos literais do objeto, mas a diferença é que ele está além disso e pode métodos e atributos privados.

5. Cadeia de métodos

A seguir, o conteúdo citado:

var pessoa = function () {
this.name = null;
}
Person.prototype = {
setName: function (nome) {
this.name = nome;
devolver isso;
},
getName: function () {
alerta (this.name);
devolver isso;
}
}

JQuery é a biblioteca de links de método mais clássica.

A seguir, o conteúdo citado:

var p = nova pessoa ();
p.setName ('tom'). getName (). setName ('ray'). getName ();

Como o final de cada método é retornado isso;

Estou mais familiarizado com esses métodos.

1. Sobre este ponteiro

Isso é usado ao criar vários tipos, mas o que é essa função?
Primeiro, crie a aula de pessoa:

A seguir, o conteúdo citado:

Em seguida, crie uma classe infantil e integra todos os métodos e propriedades da pessoa:

A seguir, o conteúdo citado:

Var Children = função (idade) {
this.name = null;
this.age = idade;
}
Children.Prototype = New Pessoa ();
Children.prototype.ageJudge = function () {// Adicione um novo método para crianças
if (this.age> 18) {
alerta ('adulto ~');
} outro {
alerta ('tenho menos de 18 anos ~');
}
}
Children.prototype.getName = function () {// Reescreva o método getName
var about = this.name + '' + this.age;
alerta (sobre);
}
var Tom = novos filhos (12);
var ages = tom.getage ();
var juiz = tom.ageJudge ();
var setn = tom.setName ('Tom');
var get = tom.getName ();

Isso é herança e, em seguida, vamos ver uma reutilização simples de função:

A seguir, o conteúdo citado:

var setColor = function () {
this.style.backgroundcolor = '#000';
}
Document.Body.OnClick = setColor;
DocumentNet.getElementById ('Color'). OnMouseOut = setColor;

Depois de ver a função disso, devo ter um novo entendimento disso.

var setColor = {
init: function (obj) {
this.obj = obj;
this.Obj.OnClick = this.color;
},
Cor: function () {
this.style.backgroundcolor = '#000';
}
}

Apenas em uma aula, isso aponta para dois lugares e, às vezes, isso sempre faz com que as pessoas se sintam confusas.

A seguir, o conteúdo citado:

var setColor = {
init: function (obj) {
setColor.obj = obj;
setColor.Obj.OnClick = setColor.color;
},
Cor: function () {
this.style.backgroundcolor = '#000';
}
}

Dessa forma, o código pode ser mais claro. Evitado o máximo possível.

A seguir, o conteúdo citado:

var pessoa = function () {
this.name = null;
}
Person.prototype.setName = function (nome) {
this.name = nome;
}
Pessoa.SetName ('Tom');

Como mencionado anteriormente, se você não escrevê -lo como Var P = New Pessoa (); Ele relatará um erro. Às vezes, pode causar dores de cabeça.

2. Encapsulamento de classe

No Java, os métodos ou propriedades da classe podem ser definidos como privados, para que as chamadas externas possam ser evitadas.

A seguir, o conteúdo citado:

var pessoa = {
Nome: NULL,
init: function (nome) {
this.setName (nome);
},
setName: function (nome) {
this.name = nome;
retornar este.name;
}
}
pessoa.init ('tom');

Nesta aula, existem 2 métodos, nomeadamente init e SetName.

pessoa.setName ('Tom');

Ligue diretamente ao método SetName.
Então, como devemos empacotar a classe?

A seguir, o conteúdo citado:

var pessoa = function () {
Var Nome = NULL;
var setName = function (n) {
nome = n;
Nome de retorno;
}
retornar{
init: function (n) {
setName (n);
}
}
}

Dessa forma, podemos dizer que os métodos e atributos que foram originalmente pretendidos a serem privatizados são privatizados e o externo não pode ser chamado diretamente. Não é fácil de ler, especialmente para iniciantes.
Ok, vamos todos por enquanto.