JavaScript Método del objeto Encadenamiento: ¿útil?

Question

Así que ... jugar en JavaScript con una idea que es nueva para mí, tener métodos de un objeto devolver el objeto del cual son métodos; esto luego conduce a la chainable. Mi pregunta, entonces: ¿cómo puede ser útil esto? Tiré esto juntos para probar el funcionamiento fundamental:

<script> 
MathChain = function() 
{ 
    this.pass = function() 
    { 
     this.multiply = eval(arguments.join('*')); 
     this.add = eval(arguments.join('+')); 
     return this; 
    } 
} 

m = new MathChain().pass(5, 10, 20).multiply; // 1000 
a = new MathChain().pass(5, 10, 20).add;  // 35 
</script> 

Eso no es, obviamente, una instancia brutalmente eficiente en que se podría usar este concepto, por lo que me podría apuntar a algo que no lo hacen correctamente (aparte de jQuery, por favor)?

Answer 1

Bueno, aquí hay un ejemplo no muy aplicable en el mundo real, pero creo que entenderá. Si le permite realizar varias operaciones diferentes en un objeto, y le brinda comodidad.

var truck = function() { 

    this.turnLeft = function { 

     // turn left 
     return this; 

    } 

    this.turnRight = function { 

     // turn right 
     return this; 

    } 

    this.goReallyFast = function { 

     // go fast! 
     return this; 

    } 

}; 

// My get-away plan 
var myTruck = new truck(); 
myTruck.turnLeft().turnRight().goReallyFast(); 

Answer 2

Fluido interfaz - http://en.wikipedia.org/wiki/Fluent_interface

Sí creo que podría ser muy útil, pero como cualquier patrón de diseño sólo debe utilizarse cuando sea necesario

Editar: aquí es API cliente de Twitter en C# usando una fluidez interfaz - http://code.google.com/p/tweetsharp/

Answer 3

Para un ejemplo muy diferente (no OO), el encadenamiento es algo similar a Unix pipelines. Cada paso de un tubo de Unix devuelve el contenido completo (modificado), adecuada para enviar a la siguiente etapa:

cat file1 file2 | sort -n | awk '{print $2}' | sed 's/@/ at /g' 

Answer 4

Un ejemplo en el que es útil es con una ligera variación en su problema — en lugar de devolver el mismo objeto , usted diseña el objeto que será inmutable. A continuación, todas sus funciones devolverán una nueva instancia del mismo tipo, pero con las propiedades ya configuradas adecuadamente.

Esto tiene muchas aplicaciones prácticas, especialmente en el ámbito de la programación funcional.

Answer 5

En JavaScript esto aparece todo el tiempo cuando se navega por el DOM. En particular, cuando intentes abrirse paso entre un montón de elementos que no tienen identificadores.

Por ejemplo, hubo una pregunta sobre SO con respecto a finding the first element of a table. Puede implicar muchos bucles o comandos encadenados.

Answer 6

Si bien no funciona de la misma manera que su ejemplo (TBH nunca lo había visto hecho de esta manera), jquery considers "chaining" to be very useful, y jquery es el criterio en lo que respecta a los marcos web de JS. .. así que sí :-)

Answer 7

A todos los niños les encanta el encadenamiento. Sin embargo, en mi experiencia, debe usarse con cuidado ya que puede disminuir la legibilidad del código. En otras palabras, haga lo que tenga sentido para usted y otros programadores que tengan una familiaridad básica con el concepto pueden comprenderlo fácilmente.

Answer 8

El encadenamiento de JavaScript puede ser muy útil si desea preformar una serie de acciones en un solo objeto. Estoy de acuerdo con Michael Luton a continuación, el encadenamiento debe manejarse con cuidado. Si agrega uno o dos métodos encadenados en un objeto que todavía es legible. Si comienza a agregar cuatro, cinco o incluso nueve, entonces su código se vuelve más difícil no solo para leer sino para mantener.

Answer 9

Encontré esta pregunta mientras buscaba una solución general para hacer que los métodos se puedan encadenar, una vez definidos. Esto es lo que se me ocurrió.Soy un neófito de JavaScript; el comprador tenga cuidado.

makeChainable = function() { 
    var receiver = arguments[0] 
    for (var i = 1; i < arguments.length; i++) { 
     functionName = arguments[i]; 
     (function() { 
      wrapped = receiver[functionName]; 
      receiver[functionName] = function() { 
       wrapped.apply(receiver, arguments); 
       return receiver; 
      } 
     })(); 
    } 
} 

daisy = { 
    name: 'Daisy', 
    moo: function() { console.log(this.name + " moos!") } 
} 

makeChainable(daisy, 'moo'); 
daisy.moo().moo().moo();