Właściwy sposób tworzenia zmiennej instancji za pomocą jQuery UI Widget Factory

Question

Używam fabryki widżetów interfejsu użytkownika jQuery.

$.widget("myPlugin" , { 

    options: { 
    }, 

    _create: function() { 
    }, 

    instanceVar: "huzzah!" 

}); 

Podczas testowania wygląda na to, że instanceVar jest częścią prototypu. Tak samo jest we wszystkich przypadkach wtyczki.

mogę rozwiązać ten problem poprzez umieszczenie instanceVar do opcji, tak jak poniżej:

$.widget("myPlugin" , { 

    options: { 
     instanceVar: "huzzah!" 
    }, 

    _create: function() { 
    }, 

}); 

jednak, że wydaje się dziwne, jak instanceVar jest tylko zmienna wewnętrzna do użytku przez wtyczkę - nie czymś użytkownik wtyczki powinien być w stanie się zmienić.

Czy istnieje inny (lepszy) sposób, aby to osiągnąć?

Dzięki za pomoc!

Answer 1

można przechowywać prywatne dane na samej instancji, na przykład wewnątrz _create, powinieneś być w stanie zrobić this.instanceVar = "huzzah!"

$.widget("ui.myPlugin", { 

    options: { 
     foo: "foo" 
    }, 

    _create: function() { 
     this.instanceVar = "huzzah!" 
    }, 

    _setOption: function() { 
     this.instanceVar = "worky!"; 
    }, 

    destroy: function() { 
     console.log(this.instanceVar); 
    } 

}); 

$(document).myPlugin().myPlugin("option","foo","bar").myPlugin("destroy"); // "worky" 

$("body").myPlugin().myPlugin("destroy"); // "huzzah! 

Demo: http://jsfiddle.net/PGUqr/