object.watch (), получая новое значение - PullRequest
Новая
       41

object.watch (), получая новое значение

1 голос
/ 26 июля 2011

В Firefox у меня есть несколько объектов, которые мне нужны, чтобы вызвать событие при изменении определенного свойства каждого из них. Я использую object.watch (), однако, когда я возвращаю значение свойства, которое было изменено с помощью «this», оно возвращает старое значение в первый раз, а «undefined» - во второй и последующие: 

var myObject = {
        "aProperty": 1
    };

function propChanged(prop) {
    alert(prop);
}

myObject.watch("aProperty", function () {
    propChanged(this.aProperty);
});

myObject.aProperty = 2;//alerts "1"
myObject.aProperty = 3;//alerts "undefined"

Причина, по которой я не могу просто сказать alert (myObject.aProperty), заключается в том, что это должен быть динамический код, который будет применять обработчик событий к нескольким, возможно, неизвестным объектам.

Я просто не знаю точно, как динамически получить новое значение свойства, используя метод watch. Я настраиваю прототип для IE для этого, поэтому я не беспокоюсь, что он там не работает. Мне просто нужно понять «это» и как это относится к владельцу метода часов.

Edit >>

Вот новый код, который я использую для кросс-браузера, включая прототип IE et al: 

var myObject = {};

if (!Object.prototype.watch) {
    Object.prototype.watch = function (prop, handler) {
        var oldval = this[prop], newval = oldval,
        getter = function () {
            return newval;
        },
        setter = function (val) {
            oldval = newval;
            return newval = handler.call(this, prop, oldval, val);
        };
        if (delete this[prop]) { // can't watch constants
            if (Object.defineProperty) // ECMAScript 5
                Object.defineProperty(this, prop, {
                    get: getter,
                    set: setter
                });
            else if (Object.prototype.__defineGetter__ && Object.prototype.__defineSetter__) { // legacy
                Object.prototype.__defineGetter__.call(this, prop, getter);
                Object.prototype.__defineSetter__.call(this, prop, setter);
            }
        }
    };
}

if (!Object.prototype.unwatch) {
    Object.prototype.unwatch = function (prop) {
        var val = this[prop];
        delete this[prop]; // remove accessors
        this[prop] = val;
    };
}


function propChanged(t, p, o, n) {
    alert(o);
}

Object.defineProperty(myObject, "aProperty", {value: 2,
    writable: true,
    enumerable: true,
    configurable: true});

myObject.watch("aProperty", propChanged);

myObject.aProperty = 3; //alerts 3
myObject.aProperty = 4;  //alerts 4 (n is undefined in propChanged?

1 Ответ

4 голосов
/ 26 июля 2011

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

myObject.watch("aProperty", function (prop, oldval, newval) {
    propChanged(newVal);
    return newVal;
});

должен это сделать.

См. MDN документы для получения полной информации о функции, но соответствующий бит

Следит за присвоением свойству prop этого объекта, вызывая handler(prop, oldval, newval) всякий раз, когда prop устанавливается , и сохраняя возвращаемое значение в этом свойстве . Точка наблюдения может фильтровать (или обнулять) присвоение значения, возвращая измененный newval (или возвращая oldval).

EDIT

Ваш отредактированный код может работать лучше таким образом 

Object.prototype.watch = function (prop, handler) {
    var fromPrototype = !Object.hasOwnProperty.call(this, prop),
    val = this[prop],
    getter = function () {
        return fromPrototype ? Object.getPrototypeOf(this)[prop] : val;
    },
    setter = function (newval) {
        fromPrototype = false;
        return val = handler.call(this, prop, val, newval);
    };
    if (delete this[prop]) { // can't watch constants
        if (Object.defineProperty) { // ECMAScript 5
            Object.defineProperty(this, prop, {
                get: getter,
                set: setter,
                configurable: true,
                enumerable: true
            });
        } else if (Object.prototype.__defineGetter__ && Object.prototype.__defineSetter__) { // legacy
            Object.prototype.__defineGetter__.call(this, prop, getter);
            Object.prototype.__defineSetter__.call(this, prop, setter);
        }
    }
};
...