Object.watch() для всех браузеров?

Question

Я искал простой способ контролировать объект или переменную для изменений, и я нашел Object.watch(), что поддерживается в браузерах Mozilla, но не в IE. Поэтому я начал искать, чтобы увидеть, написал ли кто-нибудь какой-то эквивалент.

О единственном, что я нашел, было a jQuery plugin, но я не уверен, что это лучший способ пойти. Я, конечно, использую jQuery в большинстве своих проектов, поэтому я не беспокоюсь о аспекте jQuery ...

В любом случае вопрос: может ли кто-нибудь показать мне рабочий пример этого плагина jQuery? У меня проблемы с работой ...

Или кто-нибудь знает какие-либо лучшие альтернативы, которые будут работать в перекрестном браузере?

Update после ответов:

Спасибо всем за ответы! Я пробовал код, размещенный здесь: http://webreflection.blogspot.com/2009/01/internet-explorer-object-watch.html

Но я не мог заставить его работать с IE. Нижеприведенный код отлично работает в Firefox, но ничего не делает в IE. В Firefox каждый раз, когда изменяется watcher.status, вызывается document.write() в watcher.watch(), и вы можете видеть вывод на странице. В IE этого не происходит, но я вижу, что watcher.status обновляет значение, потому что последний вызов document.write() показывает правильное значение (как в IE, так и в FF). Но, если функция обратного вызова не вызывается, то это бесполезно ... :)

Я что-то упустил?

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

(Извините за кросс-постинг, но этот ответ я дал на подобный вопрос здесь работает отлично)

Я создал небольшой object.watch shim для этого некоторое время назад. Он работает в IE8, Safari, Chrome, Firefox, Opera и т. Д.

Answer 2

я нашел два людей, которые утверждают, что решить эту проблему:

Crossbrowser Object watch (требования поддержки для IE, Opera, Safari)

watch() Missing JS Function in IE с использованием prototype.js для IE (Opera? , Safari?)

Answer 3

Этот плагин просто использует таймер/интервал для многократной проверки изменений на объекте. Может быть, достаточно хорошо, но лично я хотел бы получить больше непосредственности в качестве наблюдателя.

Предъявляете watch/unwatch до IE: http://webreflection.blogspot.com/2009/01/internet-explorer-object-watch.html.

Он меняет синтаксис на Firefox, добавляя наблюдателей. Вместо того, чтобы:

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

Вы делаете:

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

Не как сладкий, но в качестве наблюдателя вы немедленно уведомлен.

Answer 4

Обновление на конец 2015

Object.observe() теперь отменен. Извините, люди!

Обновление для 2015

Использование Object.observe() from ES7.

Here's a polyfill.

Answer 5

Я также думаю, что сейчас самое лучшее решение заключается в использовании Watch.JS, найти хороший учебник здесь: Listen/Watch for object or array changes in Javascript (Property changed event on Javascript objects)

Answer 6

Обратите внимание, что в Chrome 36 и выше, вы можете использовать Object.observe, а также. Это фактически часть будущего стандарта ECMAScript, а не функция, специфичная для браузера, такая как Mozilla's Object.watch.

Object.observe работает только над свойствами объекта, но намного более совершенен, чем Object.watch (который предназначен для целей отладки, а не для использования в производстве).

var options = {}; 

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

options.foo = 'bar'; 

Answer 7

Вы можете использовать Object.defineProperty.

посмотреть недвижимость bar в 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 
    } 
})