0

我想制作一个程序，它可以帮助我可视化任何算法。我真正想要的是我想在左侧运行任何脚本并在右侧将其可视化，我如何制作一个网页或系统让我在浏览器中逐行执行 javascript 并提取所有变量、数组、函数调用、堆栈内存等有关该脚本的信息。

例如写一个简单的程序：

var array = [1,2,3,4,5];
var key = 3;

function LinearSearch(array, key){
    for(let i =0; i<array.length; i++){
       if(array[i] == key){
           return i;
        }
     }
}

LinearSearch(array, key);

现在我想从这段代码中提取所有信息，比如声明了什么变量并分配了监视值什么函数调用在堆栈中什么是任何变量的当前值等。

我不知道我是否正确解释了我的问题..

您可以查看网站https://pythontutor.com/live.html#mode=edit 作为参考，我唯一要做的不同是我将使用 html 画布进行更好的可视化，仅此而已，所有我现在可以看到的是，该网站一次运行整个代码，并记录执行过程中发生的所有过程，如变量值更改、函数调用等，并在执行后通过将它们转换为步骤来显示该信息。 ..

** 有人知道怎么做 ** 这个项目对我很重要.. 我不能跳过它。

4

0 回答 0