wps宏编程js宏编辑器之代码调试讲解

继前几篇wps js宏编程基础知识，wps开放平台就js宏编辑器的介绍说明，es6基本语法讲解后，相信大家对wps js宏编程有了一定认识，已经会用js在wps表格中实现一些简单的功能，编写js宏代码过程中，我们或多或少碰到代码运行时报错，输出结果不符期望等现象，此时我们就需要调试、跟踪代码执行过程，查看变量等。接下来，我们一起看下在js宏编辑器中如何进行代码调试。

1、调试工具栏

调试相关工具栏有：

• 逐语句，快捷键：F11
• 逐过程，快捷键：F10
• 跳出，快捷键：Shift + F11
• 添加监视
• 快速监视
• 切换断点
• 清除所有断点

2、具体演示

1）设置断点

在代码行号左侧空白区域点击就会产生断点，再次点击会清除断点，同上文提到的“切换断点”同理。

2）逐语句执行F11

我们发现test1中调用函数sum时，逐语句执行的话，会进入到sum函数内部，如上图当前执行行到了sum函数的return语句处。

3）逐过程F10

如果逐过程执行的话，sum函数内部就不会进入了，执行test1函数到第4行 let c = sum(a,b)时，按F10逐过程就直接跳到第5行，不会进入到sum函数内部。

4）变量查看、立即窗口、监视窗口

右下角有局部变量窗口，可以查看代码中的局部变量值。

也可以在立即窗口直接输出变量，执行函数运算，如下图所示。

在立即窗口输入：console.log©，回车执行，即可输出变量c的值30

也可以在监视窗口查看某个变量的值，如下图所示监视变量c

如果调用层次比较深的，比如a调用b，b调用c，c调用d等，可以查看调用堆栈，查看调用链。