如何使用Skulpt逐行評估Python

Question

Skulpt給出的示例在包含python程序的整個字符串上運行解釋器：

https://github.com/skulpt/skulpt/blob/master/example/calling_from_js.html

是否有可能逐行運行解釋器，例如為了突出顯示當前執行的Python行？

先感謝您。

Answer 1

var program = "print('something')\nprint('something else')";

var programs = program.split("\n");

for(var i = 0; i<programs.length; i++){
    //skulpt on `programs[i]` and highlight that line
}

本質上，您只想執行以下操作：

1. 將完整程序分為一系列行
2. 通過Skulpt單獨運行每一行（根據需要突出顯示此行）

在第二個鏈接中稍作修改的代碼：

<script src="../dist/skulpt.min.js" type="text/javascript"></script>
<script type="text/javascript">
    function outf(text)
    {
        var output = document.getElementById("output");
        text = text.replace(/</g, '&lt;');
        output.innerHTML = output.innerHTML + text;
    }
    function runit(prog)
    {
        //changed this so the function accepts an argument
        var output = document.getElementById("output");
        output.innerHTML = '';
        Sk.configure({output:outf});
        try {
            var module = Sk.importMainWithBody("<stdin>", false, prog);
            var obj = module.tp$getattr('a');
            var runMethod = obj.tp$getattr('run');
            var ret = Sk.misceval.callsim(runMethod, 10);
            alert(ret.v);
        } catch (e) {
            alert(e);
        }
    }
</script>
<form>
<textarea id="code" rows="24" cols="80">
class Test:
     def run(self, b):
         self.a = 10 + b
         return self.a

print "Hello World"
a = Test()
</textarea><br>
<button onclick="runit()" type="button">Run</button>
</form>

<pre id="output"></pre>

然后只要在任何地方插入此代碼

var programs = document.getElementById("code").value;

for(var i = 0; i<programs.length; i++){
    // Whatever code you want to use to highlight the line goes here
    runit(programs[i]);
}