javascript - 创建一个使用新值更新 dom 元素的 setter？

Question

是否有一种方法可以让 setter 在对象的属性发生更改时更新 DOM 元素？

Answer 1

我不这么认为。不创建setter，则x将是一个简单的属性，卡在对象上，无法知道它何时发生了变化。为什么要避免 setter ？这是实现目标的一种非常干净的方式。

但要记住一件小事，Object.defineProperty虽然更冗长，但更受支持并“赢得”set和get :

a = {};
Object.defineProperty(a, 'x', {
    get: function() {
        return this._x;
    },
    set: function(newX) {
        this._x = newX;
        $("#my_element").html(newX);
    }
});