jquery - 如何调试 jquery 的内部函数

Question

我的问题是阅读或理解在 jQuery 代码中传递给回调函数的参数，例如我有以下代码:

                  $("#" + someId).sparkline('html', {
                        type: 'bar',
                        chartRangeMin: 0,
                        chartRangeMax: 100,
                        barColor: '#8AC007',
                        colorMap: range_map,
                        resultObj: sparklineTooltip[someId],
                            tooltipFormatter:
                                function(sp, options, fields) { 
                                    var tooltipElem = "";
                                    $.each(fields,
                                        function(i, field) {
                                            var tooltipObj =  options.get('resultObj')[11-field.offset][field.offset].split(",");
                                            tooltipElem = createTooltipElement(tooltipObj);
                                            field.tooltipFormat = tooltipElem;
                                        })

                                    return tooltipElem;
                                }
                    });

在 tooltipFormatter 回调函数内部进行调试的最佳方法是什么？我想要将调试点指向 var tooltipObj = options.get('resultObj')[11-field.offset] field.offset].split(","); 行。我想查看函数内这两个参数的值:options 和 fields。 选项、字段是迷你图中的某种标准参数吗？从 jquery Sparkline 的文档中我看到了这一点:

Answer 1

JavaScript中有一个调试器函数，使用方式如下:

function multiply(x) {
  debugger;
  return x * 2;
}

应该是你需要的；它允许您本质上“暂停”脚本并查看该时间点所有变量的值。您可以将其放在您正在调用的函数中以查看参数代表什么。

Mozilla link