Object.watch() dla wszystkich przeglądarek?

Question

Szukałem łatwego sposobu na monitorowanie obiektu lub zmiennej pod kątem zmian i znalazłem Object.watch(), który jest obsługiwany w przeglądarkach Mozilli, ale nie w IE. Zacząłem więc szukać, czy ktoś napisał coś w rodzaju odpowiednika.

Jedyna rzecz, jaką odkryłem, to a jQuery plugin, ale nie jestem pewien, czy to najlepszy sposób. Z pewnością korzystam z jQuery w większości moich projektów, więc nie martwię się o aspekt jQuery ...

W każdym razie pytanie: Czy ktoś może pokazać mi działający przykład tej wtyczki jQuery? Mam problemy z działaniem ...

Czy ktoś wie o lepszych alternatywach, które działają w przeglądarce?

Aktualizacja po odpowiedziach:

Dzięki wszystkim za odpowiedzi! Wypróbowałem kod zamieszczony tutaj: http://webreflection.blogspot.com/2009/01/internet-explorer-object-watch.html

Ale nie mogłem sprawić, żeby działało z IE. Poniższy kod działa poprawnie w Firefoksie, ale nie robi nic w IE. W przeglądarce Firefox za każdym razem, gdy zmieniono watcher.status, wywoływane jest document.write() w watcher.watch() i można zobaczyć dane wyjściowe na stronie. W IE tak się nie dzieje, ale widzę, że watcher.status aktualizuje wartość, ponieważ ostatnie wywołanie document.write() pokazuje poprawną wartość (zarówno w IE, jak i FF). Ale jeśli funkcja wywołania zwrotnego nie zostanie wywołana, to jest to bezsensowne ... :)

Czy brakuje mi czegoś?

var options = {'status': 'no status'}, 
watcher = createWatcher(options); 

watcher.watch("status", function(prop, oldValue, newValue) { 
    document.write("old: " + oldValue + ", new: " + newValue + "<br>"); 
    return newValue; 
}); 

watcher.status = 'asdf'; 
watcher.status = '1234'; 

document.write(watcher.status + "<br>"); 

Answer 1

(Przepraszam za cross-posting, ale ta odpowiedź dałem podobnym pytaniem działa dobrze tutaj)

Stworzyłem małą object.watch shim na to jakiś czas temu. Działa w IE8, Safari, Chrome, Firefox, Opera itp.

Answer 2

znalazłem dwie osoby, które twierdzą, że rozwiązali ten problem:

Crossbrowser Object watch (roszczenia wsparcia dla IE, Opera, Safari)

watch() Missing JS Function in IE z wykorzystaniem prototype.js dla IE (Opera? , Safari?)

Answer 3

Ta wtyczka używa po prostu stopera/interwału do wielokrotnego sprawdzania zmian w obiekcie. Może wystarczająco dobre, ale osobiście chciałbym bardziej bezpośredniość jako obserwator.

Oto próba przeniesienia watch/unwatch do IE: http://webreflection.blogspot.com/2009/01/internet-explorer-object-watch.html.

Zmienia składnię ze sposobu dodawania obserwatorów w przeglądarce Firefox. Zamiast:

var obj = {foo:'bar'}; 
obj.watch('foo', fooChanged); 

zrobić:

var obj = {foo:'bar'}; 
var watcher = createWatcher(obj); 
watcher.watch('foo', fooChanged); 

Nie tak słodki, ale jako obserwator zostanie powiadomiony natychmiast.

Answer 4

Aktualizacja koniec 2015

Object.observe() jest teraz anulowane. Przepraszam, ludzie!

Aktualizacja 2015

użytkowania Object.observe() from ES7.

Here's a polyfill.

Answer 5

Myślę też, że w tej chwili najlepszym rozwiązaniem jest użycie Watch.JS, znaleźć ładny samouczek tutaj: Listen/Watch for object or array changes in Javascript (Property changed event on Javascript objects)

Answer 6

Należy zauważyć, że w Chrome 36 i wyżej można użyć Object.observe również. Jest to właściwie część przyszłego standardu ECMAScript, a nie funkcja specyficzna dla przeglądarki, taka jak Mozilla Object.watch.

Object.observe działa tylko na właściwościach obiektu, ale jest dużo bardziej wydajny niż Object.watch (przeznaczony do celów debugowania, a nie do użytku produkcyjnego).

var options = {}; 

Object.observe(options, function(changes) { 
    console.log(changes); 
}); 

options.foo = 'bar'; 

Answer 7

można użyć Object.defineProperty.

oglądać nieruchomość bar w foo

Object.defineProperty(foo, "bar", { 
    get: function (val){ 
     //some code to watch the getter function 
    }, 

    set: function (val) { 
     //some code to watch the setter function 
    } 
})