Hoy, cuando estaba trabajando en un proyecto, encontré la situación en la que necesitaba crear un objeto JavaScript. Entonces, un artículo escrito por un extranjero sobre la creación de objetos de JavaScript, y luego lo leyó y escribió el código. Siento que el método es bastante bueno, así que lo compartiré contigo aquí.
1. Crear objetos usando funciones:
La copia del código es la siguiente:
// Defina el objeto
función animal (tipo)
{
this.name = "";
this.type = type;
this.Introduction = function () {
Devuelve "Mi nombre es:"+this.name+", pertenezco a"+this.type;
}
}
var animal = nuevo animal ("aves de corral"); // instanciar el objeto que creamos anteriormente
animal.name = "xiaohong";
alerta (animal.Introduction ()); // llamar a su función de introducción (en este momento, la página aparecerá: mi nombre es Xiaohong, pertenezco a las aves de corral);
Todos deben estar familiarizados con este método. Sin embargo, usar este método puede causar pérdidas de rendimiento. Aquí, instanciamos el objeto a través de la nueva clave. De hecho, la clave para la nueva es hacer dos cosas. 1. Se define un método anónimo. 2. Llámalo. Esto no es tan eficiente como el método que presentaremos a continuación.
2. Use literales de objetos:
No sé si la traducción es correcta. Te diré la dirección original más tarde. Si está interesado, puede leer el texto original.
La copia del código es la siguiente:
// Defina el objeto
VAR LIBRO =
{
Nombre: "Sueño de las mansiones rojas",
Tipo: "Obras literarias",
getAuthor: function ()
{
Regreso: "¡Soy el hijo de Cao Xueqin!";
}
}
alerta (book.getAuthor ()); // Llame al método del objeto, y aparecerá la página: soy el hijo de Cao Xueqin.
Book.name = "slam dunk"; // modificar las propiedades del objeto
alerta (book.name); // En este momento, la página aparecerá: Slam Dunk
Creo que cuando ves el código, debes entender por qué este método es más eficiente. Porque es equivalente a definir una variable global de JavaScript. Podemos usarlo directamente sin instancias de él. Pero, se ve raro. Entonces, la solución está aquí. Echemos un vistazo al tercer método.
3. Singleton usando una función:
Traducido al modo singleton puede no ser apropiado. Veamos primero el código:
La copia del código es la siguiente:
// Defina el objeto
var gender = nueva función ()
{
this.type = "chicas";
this.spinging = function ()
{
regresar "I Am"+this.type;
}
}
alerta (gender.spinging ();) // La página aparecerá cuando use el objeto: soy una niña.
Si miras este código, ¿es muy similar a nuestro método? Sin embargo, puede funcionar como el método uno. Método 1: use un objeto una vez y debe crear un objeto una vez. Este método se puede usar permanentemente creando un objeto una vez. Por lo tanto, este método es muy similar al patrón Singleton en el patrón de diseño.