babeljs - Babel，使用 path.replaceWith 时超出了最大调用堆栈大小

Question

我试图玩 babel 模块，babylon , babel-traverse .当我尝试替换节点时，程序崩溃了 Maximum call stack size exceeded .这是我的代码

import * as babylon from 'babylon'
import traverse from 'babel-traverse'
import generate from 'babel-generator'
import * as t from 'babel-types'


const code = `
import a from 'b'
n === 3
`
const ast = babylon.parse(code, {
  sourceType: 'module'
})

const visitor = {
  BinaryExpression(path) {
    console.log((path.node))
    path.replaceWith(t.binaryExpression('**', t.numericLiteral(3), t.numericLiteral(4)))
  }
}

traverse(ast, visitor)

let generated = generate(ast, null, code)
console.log(generated.code)

我正在使用下面的 babel 依赖项，知道吗？

"dependencies": {
"babel-generator": "^6.9.0",
"babel-preset-es2015": "^6.9.0",
"babel-traverse": "^6.9.0",
"babel-types": "^6.9.1",
"babylon": "^6.8.0"
}

Answer 1

您收到堆栈错误的原因是您的二进制表达式替换会生成另一个二进制表达式。您的替换二进制表达式会一遍又一遍地输入访问者，无止境。

要打破无限循环，您需要检查您的替换是否已经发生，可能忽略 replaceWith每当你看到操作符是 ** .