Al buscar cómo diseñar una API de JavaScript, descubrí la cadena de métodos, que parece ser muy poderosa e interesante, y esto también es algo que a menudo vemos en el pasado. .
Encadenamiento del método de JavaScript
Hay una explicación sobre Wikipedia:
La copia del código es la siguiente:
El encadenamiento del método, también conocido como Idiom de parámetro nombrado, es una sintaxis común para invocar múltiples llamadas de método en lenguajes de programación orientados a objetos. Cada método devuelve un objeto, lo que permite que las llamadas se encadenen en una sola declaración. La choza es azúcar sintáctica que elimina la necesidad de variables intermedias. Una cadena de métodos también se conoce como naufragio de tren debido al aumento en el número de métodos que vienen uno tras otro en la misma línea que ocurre a medida que se encadenan más métodos a pesar de que a menudo se agregan saltos de línea entre los métodos.
Usé la herramienta de traducción para traducir:
La copia del código es la siguiente:
Las cadenas de métodos, también conocidas como método de parámetro nombrado, son una sintaxis común para llamar a múltiples métodos en lenguajes de programación orientados a objetos. Cada método devuelve un objeto que permite que el teléfono se conecte juntos en una sola declaración. Los enlaces son azúcar sintáctico, eliminando la necesidad de variables intermedias. Las cadenas de métodos también se denominan restos de trenes porque los métodos ocurren uno tras otro y más de un método bloquea, incluso si generalmente se agregan nuevas líneas entre los métodos.
Uso de encadenamiento del método
Se estima que el que usa la más cadena de métodos debe ser jQuery.
La copia del código es la siguiente:
// encadenamiento
$ ("#persona"). SlideDown ('lento')
.addclass ('agrupado')
.css ('margen-izquierda', '11px');
Podemos llamar a esto usando este uso. JQuery depende en gran medida de los enlaces. Esto hace que sea fácil llamar a varios métodos la misma opción. Esto también deja el código más claro y evita que la misma opción se ejecute varias veces (mejorando el rendimiento). Cuando no hay cadena de método, parece lo siguiente
La copia del código es la siguiente:
var p = $ ('#persona');
p.sliddown ('lento');
P.AddClass ('agrupado');
p.css ('margen-izquierda', '11px');
Se ve muy similar al constructor en el patrón de diseño. La diferencia es que P aquí es un método, no una clase.
Ejemplo de cadena de métodos de JavaScript
Cuando hablamos sobre las funciones de orden superior de JavaScript antes, hablamos sobre impresión ('hola') ('mundo'), y el resultado de este uso puede ser así.
La copia del código es la siguiente:
función f (i) {
función de retorno (e) {
i+= e;
función de retorno (e) {
i+= e;
función de retorno (e) {
alerta (i+e);
};
};
};
};
f (1) (2) (3) (4); // 10
Este es un ejemplo en línea, pero también fue la forma en que escribí una llamada en cadena la última vez. Parece débil.
La copia del código es la siguiente:
var func = (function () {
devolver{
agregar: function () {
console.log ('1');
devolver{
resultado: function () {
console.log ('2');
}
}
}
}
}) ();
func.add (). result ();
De hecho, debería haber un retorno en cada función, por lo que existe:
La copia del código es la siguiente:
Func = (function () {
this.add = function () {
console.log ('1');
devolver esto;
};
this.result = function () {
console.log ('2');
devolver esto;
};
devolver esto;
});
var func = new Func ();
func.add (). result ();
Por supuesto que también podemos poner las dos últimas oraciones
La copia del código es la siguiente:
var func = new Func ();
func.add (). result ();
convertirse
La copia del código es la siguiente:
nuevo func (). add (). result ();
otro
Finalmente como una pequeña comparación de un lugar confuso:
Método de encadenamiento vs prototipo
La cadena prototipo y la cadena de métodos son similares en algunos aspectos, pero la diferencia puede ser que
1. La cadena prototipo requiere prototipo
2. La cadena del método es el método