如何在Javascript中找到对象成员的定义？

Question

当然,在大多数情况下,我可以简单地搜索标识符并查看其所有实例.通常,搜索"="或":"会找到最快的答案.

但是这种技术失败的情况是这样的:

// untested javascript:
function AddMemberToObject(object, value, memberName) {
    object[memberName] = value;
}

var myObj = {}

// 3,000 references to myObj

// ... somewhere else
var mysteryString = thisMethodCallsAnotherMethodCallsAnotherMethodEtc();

AddMemberToObject(myObj, someFunction, mysteryString);

// 3,000 more references to myObj

假设我还没有发现上面的代码.如此示例所示,一些使得很难找到定义成员的地方包括:

• 添加成员多次被引用的对象
• 要添加的成员的名称远离成员添加到对象的位置.更糟糕的是,它可以动态生成,甚至可以在服务器上生成,在这种情况下,成员名称不会出现在js源中.

在这样的困难情况下,有哪些技术可以找到将成员添加到对象的位置？有没有办法在运行时执行此操作(例如,使对象的所有添加都触发一个事件,我们可以在调试器中监听和中断)？

Answer 1

Firefox 具有非标准函数 watch()，它监视要分配值的属性并在发生时运行函数。