javascript - Chromeデバッガの匿名関数で宣言された変数にウォッチャーを追加するには?

Question

私のjavascriptコードは、次のようにすぐに呼び出される関数にカプセル化されています:

(function($){
    var myVar;

    ... Some code
})(jquery)

Chrome デバッガーを使用して変数 myVar を監視したい。

いつでもウォッチャーを更新すると、変更が表示されます。

Answer 1

デバッガーを配置できます。無名関数の最初の行として、実行を停止するため、ステップスルーできます。ローカルに表示されるか、右クリックしてウォッチを追加できます。

(function($){
    debugger;
    var myVar;

    //Code ....
})(jQuery)

ここを参照してください：http://jsfiddle.net/jTc76/

テスト機能を表示するには、開発者コンソールが起動していることを確認してください。

Answer 2

クロムが停止したら、右クリックするか手動でウォッチリストに追加できるはずです。

を使用して出力画面に印刷することもできます

console.log(myVar);

注: 関数が完了すると、この var はスコープを失います。関数の実行後に変数を保持したい場合は、変数を関数の外に移動する必要があります。

var myVar;
(function($){
    myVar = "somthing with some code"
    ... Some code
})(jquery)

お役に立てれば