Изменение переменной трека в Javascript

Question

Можно ли отслеживать изменения переменных в JavaScript? Я хотел бы иметь возможность запускать функцию, когда переменная была изменена в классе.

<script>
var mywindow = new Box();
mywindow.title = "newtitle"; 
//Launches mywindow.applyTitle() and changes html
</script>

Answer 1

Не автоматически. Вероятно, лучше всего было бы добавить к прототипу класса Box функцию установки, которую вы можете использовать вместо прямой установки свойства.

Пример: http://jsfiddle.net/PEYyk/

var Box = function() {
    // the constructor
};
Box.prototype.setTitle = function( new_title ) {
    this.title = new_title;
    this.applyTitle();
};
Box.prototype.applyTitle = function() {
    // apply the title
};

Тогда назовите это так:

var mywindow = new Box();
mywindow.setTitle( "newtitle" );

Answer 2

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

var Box = new Class({
    setTitle: function(title) {
        this.title = title;

        // call your callbacks now. you probably need some way to register them btw
    }
});

Адаптируйте идею под синтаксис вашего класса ...

Существует также не очень хорошо поддерживаемый синтаксис получения / установки для JS (эквивалентный свойствам в Python) См http://ejohn.org/blog/javascript-getters-and-setters/.