财产变化的断点

Question

Firebug for Firefox有一个很好的功能，名为“Break on property change”，我可以在其中标记任何对象的任何属性，它将在更改之前停止JavaScript执行。我正在尝试在Google Chrome中实现相同功能，但我无法在Chrome调试器中找到该功能。如何在Google Chrome中执行此操作？

Answer 1

如果您不介意搞乱来源，可以使用访问者重新定义该属性。

// original object

var obj = {

    someProp: 10

};

// save in another property

obj._someProp = obj.someProp;

// overwrite with accessor

Object.defineProperty(obj, 'someProp', {

    get: function () {

        return obj._someProp;

    },

    set: function (value) {

        debugger; // sets breakpoint

        obj._someProp = value;

    }

});