代码跳转功能
我们的可视化工具现在包含了一个交互式的代码跳转功能,允许您点击代码元素并自动跳转到相关的执行步骤。该功能帮助您理解代码执行在不同部分之间的流转。
工作原理
当您点击一个代码元素(如条件或变量)时,工具会:
- 识别当前执行步骤
- 找到点击元素的下一个出现位置
- 将可视化跳转到该步骤
- 高亮显示相关代码和数据结构
这对于理解以下内容特别有用:
基础示例
const a = 1
for (let i = 0; i < 10; i++) {
// 点击 i < 10 在循环迭代之间跳转
}
x = 5
if x > 0:
# 点击 x > 0 跳转到这个条件
print("Positive")
else:
print("Negative")
正在生成交互式预览...
高级用法
跟踪变量变化
let total = 0
for (let i = 1; i <= 5; i++) {
total += i
// 点击 total 查看每一步的值
}
正在生成交互式预览...
嵌套结构
function outer() {
function inner() {
// 点击 inner() 在调用之间跳转
const a = 1
}
for (let i = 0; i < 3; i++) {
inner()
}
}
outer()
正在生成交互式预览...