¿Ventajas de jQuery Widget sobre el objeto JS normal?

Question

Editar: Para que quede claro, no estoy cuestionando la genialidad de jQuery. Lo uso en todas partes. Simplemente no entiendo las ventajas de usar los widgets sobre los objetos js regulares que aprovechan la funcionalidad de jQuery.

Recientemente he tenido que usar algunos jQuery Widgets en una aplicación en la que estoy trabajando, y los encuentro muy poco intuitivos/feos. Parece que hay muchas convenciones para aprender que realmente no agregan ningún valor, y la sintaxis no se ajusta a intellisense o refactorización fácil.

No me malinterpreten, uso jQuery constantemente y odiaría la vida sin eso, solo que no veo el valor en la convención de widgets. Estoy seguro de que me estoy perdiendo el objetivo porque están muy extendidos, así que por favor, dame una pista. ¿Por qué las personas crean widgets jQuery en lugar de objetos js regulares?

excesivamente simplificada Ejemplo:

regular JavaScript Object:

//instantiate & render 
var foo = new MyDomain.MyObject('#mySpecialInput', options) 
foo.render(); 

//assign to property 
foo.value = 5; 
//call method 
foo.multiplyBy(2); 
//bind event 
foo.change(function(){ 
    alert('it changed'); 
} 

Jquery Widget:

//instantiate & render 
var $foo = $('#mySpecialInput'); 
$foo.myWidget(options); 

//assign to property 
$foo.myWidget('option', 'value', 5); 
//call method 
$foo.myWidget('multiplyBy', 2); 
//bind event 
$foo.bind('myWidgetChange', function(){ 
    alert('it changed'); 
} 

Answer 1

Lo más importante es que los widgets jQuery ayudan a traer estructura a su aplicación que sería muy difícil de mantener sin ellos. Por supuesto, también proporcionan bastantes eventos útiles como .bind(), que a veces pueden ser muy útiles. Después de buscar en Google, encontré this article en widgets jQuery, que detalla un poco más sus ventajas.

Personalmente, prefiero estructurar mis scripts (más) manualmente, pero si no tiene ganas de hacerlo, los widgets de jQuery pueden ayudar.

---

cita relevante que detalla cómo los widgets jQuery añaden estructura:

... que proporciona el nivel de organización de código que es muy difícil de mantener exterior de una estructura de widgets. Cambia el código de siendo imprescindible ("haz esto, luego eso, luego otra cosa, enlaza con haz clic en") a declarativo ("actúa como una cosa expandida"). Esto te libera para definir qué significa "expandir cosa", mientras no abarrota o cambiando la capa externa de tu aplicación. No más de cientos de líneas de longitud $ (document) .ready() bloques.

Answer 2

1. Organización del código y estructurar
2. namespacing
3. Herencia
4. alcance apropiado y cierres
5. Cruz-desarrollador de legibilidad y arquitectura común
6. propiedades predefinidas para el acceso a los elementos comunes

Answer 3

Para añadir a Pensando punto Sitios, Usando widget de jQuery también ofrece otras OO características iguales (sin inversiones en la construcción de la infraestructura necesaria para apoyarla en js lisos)

- extensibilidad
- en lugar de herencia - permite que se extiende desde sí . Esto permite un código modular y altamente mantenible
- concepto de métodos públicos y privados para mejorar la legibilidad del código, y la mejor parte es que mantiene el encadenamiento ya que devuelve el objeto jQuery
- Tiene muchos métodos predefinidos para administrar los widgets ciclo de vida: creación, inicialización y destrucción

jQuery widget framework se puede tratar como una herramienta para imitar la funcionalidad OO like.

Proporciona una base flexible para construir complementos completos y completos con una API consistente. Está diseñado no solo para complementos que son como parte de jQuery UI, sino para el consumo general por parte de desarrolladores que desean para crear componentes orientados a objetos sin reinventar la infraestructura común. - http://wiki.jqueryui.com/w/page/12138135/Widget%20factory