JavaScript：在一个虚拟机中完成所有评估

Question

我正在创建一个自定义 JavaScript 控制台，我希望它的工作方式与开发工具中的控制台完全一样。 （或者……类似 REPL 的东西）https://github.com/MohammadMD1383/js-interactive

我一一获取用户输入并对其进行评估。 eval(userInput)

问题在于定义变量。我注意到 eval 函数每次都使用一个新的 VM，所以声明是在一个单独的 VM 中而不是对变量的调用。所以它会导致错误 someVarName is not defined

我的代码示例：

button.onclick = () => {
    evaluateMyExpression(textarea.value);
};

function evaluateMyExpression(code) {
    let result = eval(code);
    // do something else …
}

Answer 1

您可以使用生成器函数并在它们进来时向其“馈送”表达式。由于生成器保留其上下文，因此在评估下一行时，前几行中的所有变量都将存在：

function* VM(expr) {
    while (1) {
        try {
            expr = yield eval(expr || '')
        } catch(err) {
            expr = yield err
        }
    }
}


vm = VM()
vm.next()

function evaluate(line) {
    let result = vm.next(line).value
    if (result instanceof Error)
        console.log(line, 'ERROR', result.message)
    else
        console.log(line, 'result', result)
}

evaluate('var a = 55')
evaluate('a')
evaluate('var b = 5')
evaluate('c = a + b')
evaluate('foobar--')
evaluate('c++')
evaluate('[a, b, c]')

如 another thread 中所建议，“自相似”eval 也将保留块作用域变量：

let _EVAL = e => eval(`_EVAL=${_EVAL}; undefined; ${e}`)

function evaluate(line) {
    try {
      let result = _EVAL(line)
      console.log(line, '==>', result)
    } catch (err) {
        console.log(line, '==>', 'ERROR', err.message)
    }
}

evaluate('var a = 55')
evaluate('a')
evaluate('foobar--')
evaluate('let x = 10')
evaluate('const y = 20')
evaluate('[a, x, y]')