使用Chrome控制台時，如何從jQuery范圍中獲取匿名函數中的變量？

Question

我是jQuery的初學者，我從文檔中學習並編寫了這種風格的代碼，我想在使用chrome控制台時查看該范圍內的數據，但我不能。我想使用一些工具或代碼來得到那個變量。

(function($){
    $(function(){
        var a = 1;
        //code
        //'that' is this scope
    })
})(jQuery);

Answer 1

有兩種方法可以看到的價值a在Chrome的控制台上：

1. 使用Chrome內置的調試器在該內部函數的任何代碼行上設置斷點。 當斷點被擊中，在控制台代碼在斷點代碼的范圍內運行，所以你可以使用控制台檢查a 。 （或者您也可以懸停在a源窗口中看到它的價值。）

2. 向該函數添加一行代碼： console.log(a) 。 但是我建議改用調試器。

Answer 2

TJ Crowder的答案實際上提供了一個很好的解決方案，在這里我想補充一下debugger語句的使用，該語句調用任何可用的調試功能（類似地，在代碼中設置斷點）。

如果沒有調試功能可用或瀏覽器開發工具已關閉，則此語句無效。

   (function($){
        $(function(){
           debugger
            var a = 1;
            //code
            //'that' is this scope
        })
    })(jQuery);

要了解有關Chrome中的debbuggin的更多信息：

https://developer.chrome.com/devtools

有關debugger更多信息：

https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Statements/debugger