如何在Js Chrome开发人员工具中查看对变量的所有引用

Question

I am debugging CKEditor and the Chrome developer tool doesn't show me which function is updated the value when stepping through....or i don't know how to see all the references pointing to the particular variable. How to see all the reference to a particular variable, so I can detect the execution updating value.

For details, the update happens in the following code in the dom/element.js

setHtml: ( CKEDITOR.env.ie && CKEDITOR.env.version < 9 ) ?

                function( html ) {
                    //this function is not called...
                }
            :
                function( html ) {
                 //here someone is updating this.$.innerHTML something other than 'html' value
                    return ( this.$.innerHTML = html );
                },

Particularly, i am interested who is updating "this.$.innerHtML value behind the scenes. Why is the return value in parentheses?

Thank you for help

Answer 1

This is plain old JavaScript. There's nothing happening behind the scenes. This line:

return ( this.$.innerHTML = html );

does 2 things:

1. Sets this.$.innerHTML to html .
2. Returns value of the expression in parentheses which is basically the value of html .