Discusión sobre objetos JavaScript

Autor：Eve Cole Fecha de actualización：2025-02-10 11:50:24

Debido a la flexibilidad de JavaScript, todos pueden escribir código de acuerdo con sus propios hábitos. Próximamente comenzó a un método de programación de clase.

1. Objeto literal:

El siguiente es el contenido citado:

Var Person = {
Nombre: NULL,
setname: function (name) {
this.name = name;
devolver esto.name;
},
getName: function () {
alerta (this.name);
}
}

Un método de programación con las características de JavaScript contiene el nombre del atributo, el nombre del método y el nombre de getname en la unidad de clase. No es privado y puede llamarse.

2. Modo de llamada de constructor prototipo

El siguiente es el contenido citado:

var persona = function () {
this.name = null;
}
Persona.prototype.setName = function (name) {
this.name = name;
}
Persona.prototype.getName = function () {
alerta (this.name);
}

También es un método de programación muy común. clase). El error proviene de este punto a persona. Prototipo, y la persona no tiene un método SetName.

3. Use funciones anónimas para las funciones del programa

El siguiente es el contenido citado:

(función(){
nombre var;

var setName = function (n) {
nombre = n;
}
ventana ['persona'] ['setName'] = setName;

var getName = function () {
alerta (nombre);
}
ventana ['persona'] ['getName'] = getName;
}) ()

Uno de los mayores beneficios de la aparición de clases es que reduce la aparición de variables globales, pero si todavía está acostumbrado a la programación funcional, no importa. Funcione en el interior, y no hay necesidad de preocuparse por la aparición de variables globales. y métodos privados.

4. Programación clásica (no sé qué nombre es)

El siguiente es el contenido citado:

var persona = function () {
var name = null;
devolver{
setname: function (n) {
nombre = n;
},
getName: function () {
alerta (nombre);
}
}
}

Es muy similar a los literales de los objetos, pero la diferencia es que es a un lado de esto y puede tener métodos y atributos privados.

5. cadena de métodos

El siguiente es el contenido citado:

var persona = function () {
this.name = null;
}
Persona.prototype = {
setname: function (name) {
this.name = name;
devolver esto;
},
getName: function () {
alerta (this.name);
devolver esto;
}
}

JQuery es la biblioteca de enlaces de método más clásica.

El siguiente es el contenido citado:

var p = nueva persona ();
P.SetName ('Tom'). GetName (). SetName ('Ray'). GetName ();

Dado que el final de cada método es devolver esto;

Estoy más familiarizado con estos métodos.

1. Acerca de este puntero

Esto se usa al crear varios tipos, pero ¿qué es esta función?
Primero cree la clase de la persona:

El siguiente es el contenido citado:

Luego cree una clase de niños e integre todos los métodos y propiedades de la persona:

El siguiente es el contenido citado:

var niños = función (edad) {
this.name = null;
this.age = edad;
}
Children.prototype = New Person ();
Children.prototype.ageJudge = function () {// Agregar un nuevo método para niños
if (this.age> 18) {
alerta ('adulto ~');
} demás {
alerta ('Tengo menos de 18 años ~');
}
}
Children.prototype.getName = function () {// Reescribe el método GetName
var aproximadamente = this.name + '' + this.age;
alerta (sobre);
}
var tom = nuevos niños (12);
var edad = tom.getage ();
VAR JUEZ = TOM.AGEJUDE ();
var setn = tom.setName ('Tom');
var get = tom.getName ();

Esto es herencia, y luego veamos una reutilización de funciones simples:

El siguiente es el contenido citado:

var setColor = function () {
this.style.backgroundcolor = '#000';
}
document.body.Onclick = setColor;
documentnet.getElementById ('color'). onMouseOut = setColor;

Después de ver la función de esto, debo tener una nueva comprensión de esto.

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

Solo en una clase, esto apunta a dos lugares, y a veces esto siempre hace que las personas se sientan confundidas.

El siguiente es el contenido citado:

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

De esta manera, el código puede ser más claro. evitado tanto como sea posible.

El siguiente es el contenido citado:

var persona = function () {
this.name = null;
}
Persona.prototype.setName = function (name) {
this.name = name;
}
Person.setName ('Tom');

Como se mencionó anteriormente, si no lo escribe como VAR P = nueva persona (); Informará un error.

2. Encapsulación de clase

En Java, los métodos o propiedades de la clase se pueden establecer en privado, de modo que se puedan evitar las llamadas externas.

El siguiente es el contenido citado:

Var Person = {
Nombre: NULL,
init: function (nombre) {
this.setName (nombre);
},
setname: function (name) {
this.name = name;
devolver esto.name;
}
}
Person.init ('Tom');

En esta clase, hay 2 métodos, a saber, init y setname.

Person.setName ('Tom');

Llame al método SetName directamente.
Entonces, ¿cómo debemos empaquetar la clase?

El siguiente es el contenido citado:

var persona = function () {
var name = null;
var setName = function (n) {
nombre = n;
nombre de retorno;
}
devolver{
init: function (n) {
setName (n);
}
}
}

De esta manera, podemos decir que los métodos y atributos que originalmente fueron privatizados se privatizan, y el externo no puede llamarse directamente. No es fácil de leer, especialmente para principiantes.
Bien, vamos a todos por ahora.