递归下降用函数之间的调用表达语法结构:表达式函数调用子表达式函数,语句函数调用表达式函数。LL 分析解释什么时候可以只看有限前瞻就选定产生式;Pratt 则把表达式运算符的决策组织为绑定强度。
手写递归下降不等于 LL(1)。实现也可以使用多 token 前瞻、回溯或语义判断;每增加一种机制,都要重新考虑复杂度、错误恢复和副作用。
从文法到函数
下面用 EBNF 的重复记号描述四则运算:
expr = term, { ("+" | "-"), term } ;
term = factor, { ("*" | "/"), factor } ;
factor = NUMBER | "(", expr, ")" ;
expr 先解析一个 term,再循环消费加减号及下一项;term 用同样方法处理乘除;factor 处理数字和括号。更强的优先级处在更深的调用层,所以 2 + 3 * 4 把乘法作为加法的右子树。
一个解析函数应约定它消费什么、在哪些 token 前停止、成功和失败分别返回什么。完整表达式入口还应检查 EOF,否则 1 2 可能被错误地当作已成功解析的 1。
左递归消除与左结合不是同一件事
朴素递归下降直接实现 E → E - T | T,会在消费输入前再次调用 E,造成无限递归。直接左递归可改为 E → T E'、E' → - T E' | ε。间接左递归要结合非终结符之间的依赖另行处理;某些扩展解析算法也能专门支持左递归。
改写后的右递归尾部不代表减法应右结合。构造 AST 时,用当前结果作为新节点的左孩子,依次折叠:读完 8 得到 Number,读完 - 3 得到 Sub(8,3),再读 - 2 得到 Sub(Sub(8,3),2)。
FIRST、FOLLOW 与预测集合
FIRST(α) 是 α 能推导出的串的起始终结符集合;若 α 能推导空串,也包含 ε。FOLLOW(A) 是某个句型中能紧跟 A 的终结符集合;开始符号的 FOLLOW 包含输入终止标记 $。
计算 FIRST 时沿产生式从左向右传播,只有前一个符号可为空时才继续看下一个。对 A → α B β,把 FIRST(β) − {ε} 加入 FOLLOW(B);若 β 可为空,再加入 FOLLOW(A)。循环文法要迭代到集合不再变化。
考虑简化文法:
E → T E'
E' → + T E' | ε
T → id
| 非终结符 | FIRST | FOLLOW |
| E | {id} | {$} |
| E' | {+, ε} | {$} |
| T | {id} | {+, $} |
对产生式 A → α,预测集合为 FIRST(α) − {ε};若 α 可为空,再并入 FOLLOW(A)。同一非终结符的各候选预测集合两两不交,才能建立无冲突的 LL(1) 选择。 只检查 FIRST 之间不交会漏掉空产生式冲突。
示例中 E' 看到 + 选择继续,看到 $ 选择 ε,看到 id 应报错,不能无条件走 ε。预测表只是把这些决策表格化,递归下降则把它们写成函数分支。
空产生式为什么也会与普通候选争抢同一个 token
再看 S → A a、A → a | ε,小写 a 是终结符。A 的两个右侧 FIRST 分别是 {a} 和 {ε},看起来不相交;但 FOLLOW(A) 含 a,因此空产生式的预测集合也是 {a}。解析器在 A 处看到 a 时,无法只凭这一个 token 判断该消费它,还是让它留给 S 末尾。
长度为 1 的输入 a 应选择 A→ε,长度为 2 的输入 aa 应选择 A→a。这个小文法并不歧义,只是不满足该文法的 LL(1) 预测条件;可以改写语言对应的文法,也可以使用更多前瞻。不能把预测表冲突直接等同于语言存在歧义。
def predict(first, nullable, follow):
return set(first) | (set(follow) if nullable else set())
def table(candidates):
cells = {}
for rule, lookaheads in candidates:
for token in lookaheads:
if token in cells:
raise ValueError(f"conflict on {token}: {cells[token]} / {rule}")
cells[token] = rule
return cells
assert table([
("E' -> + T E'", predict({"+"}, False, {"$"})),
("E' -> empty", predict(set(), True, {"$"})),
]) == {"+": "E' -> + T E'", "$": "E' -> empty"}
try:
table([
("A -> a", predict({"a"}, False, {"a"})),
("A -> empty", predict(set(), True, {"a"})),
])
except ValueError as error:
assert "conflict on a" in str(error)
else:
raise AssertionError("FIRST/FOLLOW conflict missed")
代码只构造一个非终结符的预测表,不负责计算完整文法的 FIRST/FOLLOW。它保留冲突的两个产生式来源,避免后插入候选悄悄覆盖已有项;真正的分析器生成器还应指出产生空串和 FOLLOW 传播的相关路径,帮助定位文法问题。
ε 不消费字符,为什么仍会争抢前瞻?
先看候选 a 需要消费什么,再看空候选需要把什么留给外层。S→Aa 时,两种候选都可能面对前瞻 a:短串 a 需要留给外层,长串 aa 需要先消费一个。把 S 末尾改成 b 后,两套预测集合分开。这里改变的是文法的预测条件,不是给 ε 指令偷偷增加一个消费字符的动作。
PRED(A→α)=(FIRST(α)∖{ε})∪{FOLLOW(A)∅ε∈FIRST(α)otherwise
正在呈现知识画面
ε 不消费字符,为什么仍会争抢前瞻?空候选的预测集合来自 FOLLOW(A)。当 S 末尾也是 a,两条候选都响应 a;文法不满足 LL(1),但这不证明语言有歧义。
{"id":"nullable-prediction","title":"ε 不消费字符,为什么仍会争抢前瞻?","summary":"空候选的预测集合来自 FOLLOW(A)。当 S 末尾也是 a,两条候选都响应 a;文法不满足 LL(1),但这不证明语言有歧义。","height":1000,"html":"<h2 data-i18n=\"heading\"></h2><p class=\"intro\" data-i18n=\"intro\"></p><div class=\"presets\" role=\"group\" data-i18n-label=\"tail\"><button data-mode=\"a\" data-i18n=\"ta\"></button><button data-mode=\"b\" data-i18n=\"tb\"></button></div><div class=\"form-field\"><label for=\"look\" data-i18n=\"look\"></label><select id=\"look\"><option>a</option><option>b</option><option>$</option></select></div><p id=\"grammar\" class=\"source\"></p><div id=\"prediction\" class=\"table\"></div><p id=\"equation\" class=\"formula\"></p><div class=\"copy\"><p id=\"explanation\" role=\"status\"></p><p class=\"reserve\" aria-hidden=\"true\" data-i18n=\"conflict\"></p><p class=\"reserve\" aria-hidden=\"true\" data-i18n=\"unique\"></p><p class=\"reserve\" aria-hidden=\"true\" data-i18n=\"none\"></p></div><details class=\"scope\"><summary data-i18n=\"scopeLabel\"></summary><p data-i18n=\"scope\"></p></details>","css":".intro{margin:8px 0 18px;color:var(--muted);font-size:14px}.caption,.hint{font-size:12px;color:var(--muted);margin-top:12px}.control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center;margin:14px 0;font-size:13px}.control label{font-size:13px}.control output{color:var(--accent);min-width:5em;text-align:right;font-variant-numeric:tabular-nums}.control input{grid-column:1/-1;width:100%;margin:0}.presets{display:flex;gap:4px;align-items:stretch}.presets button{flex:1 1 0;min-width:0;overflow-wrap:anywhere;font-size:13px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.actions button{flex:1;min-width:0;font-size:13px;min-height:42px}.copy{display:grid;font-size:14px;margin:16px 0}.copy>*{grid-area:1/1;margin:0}.reserve{visibility:hidden}.scope{margin-top:14px;color:var(--muted);font-size:12px}.scope summary{padding:8px 0;cursor:pointer}.scope p{margin-top:10px}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.card{border:1px solid var(--rule);border-radius:9px;padding:14px;min-width:0}.card header{font-size:14px;font-weight:600;margin-bottom:10px}.card button{font-size:12px;width:100%;min-width:0}.card small{display:block;font-size:12px;color:var(--muted)}.card code{font-size:12px;overflow-wrap:anywhere}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.metrics>div{border-left:2px solid var(--accent);padding-left:10px;min-width:0}.metrics span{display:block;min-height:3.2em;color:var(--muted);font-size:12px}.metrics strong{font-size:23px;display:block;font-weight:500;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.formula{border-top:1px solid var(--rule);padding-top:12px;margin-top:14px;font-size:13px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.value{font:500 20px var(--viz-font-ui)}.legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--muted);margin:12px 0}.legend span:before{content:'';display:inline-block;width:8px;height:8px;border-radius:2px;background:var(--accent);margin-right:6px}.legend .second:before{background:var(--second)}.check{display:flex;align-items:center;gap:8px;font-size:13px;margin:12px 0}.check input{width:16px;height:16px;flex-shrink:0;accent-color:var(--accent)}select,input[type=text],input[type=number]{background:var(--paper);color:var(--ink);font:inherit;font-size:13px;padding:10px;border:1px solid var(--rule);border-radius:7px;max-width:100%;min-width:0}select{width:100%;min-height:42px}.band{height:20px;display:flex;background:var(--surface);border-radius:4px;overflow:hidden}.band i{height:100%;display:block;background:var(--accent);transition:width .25s}.band i.second{background:var(--second)}button:disabled{cursor:default}.status{font-size:13px;min-height:4.8em}.mono{font-family:var(--viz-font-mono);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}\n@media(max-width:480px){.two{gap:8px}.card{padding:12px 9px}.actions button,.presets button{font-size:12px}.metrics strong{font-size:20px}.metrics{gap:8px}}\n@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}\n.track-row{margin:16px 0}.track-row>span{display:block;font-size:12px;color:var(--muted);margin-bottom:7px}.track{display:flex;gap:5px;min-width:0}.cell{flex:1;min-width:0;min-height:48px;border:1px solid var(--rule);border-radius:5px;background:var(--surface);display:flex;align-items:center;justify-content:center;text-align:center;padding:5px 3px;font-size:12px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.cell.on{background:var(--accent-soft);border-color:var(--accent)}.cell.gold{background:var(--second-soft);border-color:var(--second)}.cell.empty{border-style:dashed;color:var(--muted)}.cell.error{border-color:var(--second);text-decoration:line-through}.choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:14px 0}.choices button{min-width:0;padding:10px 4px;font-size:12px;overflow-wrap:anywhere}.choices button[aria-current=true]{border-color:var(--accent);background:var(--accent-soft)}.relation{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:center;gap:6px;margin:12px 0}.relation .cell{min-height:72px}.relation>i{text-align:center;font-style:normal;color:var(--accent)}.readout{font-size:13px;white-space:pre-line;min-height:6.4em;overflow-wrap:anywhere}.plot{position:relative;border-left:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:8px 0;margin:18px 0}.plot-row{height:28px;position:relative;margin:4px 0;background:var(--surface)}.plot-row i{position:absolute;inset-block:5px;background:var(--accent);min-width:2px;transition:width .2s,left .2s}.plot-row b{position:relative;padding:4px 6px;font:11px/28px var(--viz-font-ui);background:var(--paper);border-radius:3px}.axis{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}\n\n/* Action labels must remain readable across locales and narrow embeds. */\n.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}\n.actions button{overflow-wrap:anywhere;white-space:normal;min-height:58px;padding:8px}\nbutton{overflow-wrap:anywhere}\n@media(min-width:640px){.actions{grid-template-columns:repeat(3,minmax(0,1fr))}}\n\n.metrics span{overflow-wrap:anywhere}\n.panel{border:1px solid var(--rule);border-radius:9px;padding:12px;margin:14px 0;min-width:0}.panel h3{font-size:13px;margin:0 0 10px;color:var(--muted)}.source{font:13px/1.8 var(--viz-font-mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0}.source mark{background:var(--accent-soft);color:var(--ink);border-bottom:2px solid var(--accent)}.source .fault{background:var(--second-soft);border-color:var(--second)}.diagram{display:block;width:100%;height:auto;max-height:320px;margin:14px 0;overflow:visible}.diagram text{fill:var(--ink);font:12px var(--viz-font-ui)}.diagram .edge{stroke:var(--muted);stroke-width:1.5;fill:none}.diagram .edge.on{stroke:var(--accent);stroke-width:3}.diagram .node{fill:var(--surface);stroke:var(--rule);stroke-width:1.5}.diagram .node.on{fill:var(--accent-soft);stroke:var(--accent)}.diagram .node.gold{fill:var(--second-soft);stroke:var(--second)}.log{font:12px/1.8 var(--viz-font-mono);white-space:pre-line;overflow-wrap:anywhere;min-height:7.2em}.table{display:grid;gap:5px;margin:14px 0}.table .tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.table .tr>*{padding:8px 5px;background:var(--surface);border-radius:4px;min-width:0;overflow-wrap:anywhere;font-size:12px}.table .tr .on{background:var(--accent-soft)}.table .tr .gold{background:var(--second-soft)}.choices button{min-height:44px}.metrics strong{min-height:1.6em}.code-line{display:block}.code-line.on{background:var(--accent-soft);border-left:2px solid var(--accent);padding-left:6px}.status-badge{font-size:12px;color:var(--accent)}.tile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.tile-grid .cell{min-height:40px}.actions button{min-height:48px}.form-field{display:grid;gap:8px;margin:14px 0;font-size:13px}.form-field input{width:100%;font-family:var(--viz-font-ui)}.metrics.three{grid-template-columns:repeat(3,minmax(0,1fr))}.formula{min-height:3.2em}.presets{flex-wrap:wrap}.presets button{flex-basis:25%;min-height:44px}\n\n#grammar{min-height:3.6em}#prediction .tr{grid-template-columns:1fr 1fr 40px}","js":"const $=s=>document.querySelector(s);const set=(id,v)=>$('#'+id).textContent=v;const t=k=>viz.t(k);function cells(id,values){$('#'+id).replaceChildren(...values.map(v=>{const e=document.createElement('div');e.className='cell '+(v.cls||'');e.textContent=v.text;e.title=v.title||v.text;return e;}));}function pressed(mode){document.querySelectorAll('[data-mode]').forEach(e=>e.setAttribute('aria-pressed',String(e.dataset.mode===mode)));}const esc=s=>String(s).replace(/[&<>\"']/g,c=>({'&':'&','<':'<','>':'>','\"':'"',\"'\":'''}[c]));const fmt=s=>'{'+[...s].sort().join(', ')+'}';function graph(id,nodes,edges){const el=$('#'+id);el.setAttribute('viewBox','0 0 360 200');el.innerHTML='<defs><marker id=\"arrow-'+id+'\" viewBox=\"0 0 10 10\" refX=\"8\" refY=\"5\" markerWidth=\"5\" markerHeight=\"5\" orient=\"auto-start-reverse\"><path d=\"M 0 0 L 10 5 L 0 10 z\" fill=\"var(--muted)\"/></marker></defs>'+edges.map(e=>{const a=nodes[e[0]],b=nodes[e[1]],dx=b.x-a.x,dy=b.y-a.y,d=Math.hypot(dx,dy)||1;if(edges.some(r=>r[0]===e[1]&&r[1]===e[0])){const nx=-dy/d,ny=dx/d;return '<path class=\"edge '+(e[2]?'on':'')+'\" d=\"M '+(a.x+dx/d*22+nx*12)+' '+(a.y+dy/d*22+ny*12)+' Q '+((a.x+b.x)/2+nx*38)+' '+((a.y+b.y)/2+ny*38)+' '+(b.x-dx/d*25+nx*12)+' '+(b.y-dy/d*25+ny*12)+'\" marker-end=\"url(#arrow-'+id+')\"/>';}return '<line class=\"edge '+(e[2]?'on':'')+'\" x1=\"'+(a.x+dx/d*25)+'\" y1=\"'+(a.y+dy/d*25)+'\" x2=\"'+(b.x-dx/d*28)+'\" y2=\"'+(b.y-dy/d*28)+'\" marker-end=\"url(#arrow-'+id+')\"/>';}).join('')+nodes.map(n=>'<g><circle class=\"node '+(n.cls||'')+'\" cx=\"'+n.x+'\" cy=\"'+n.y+'\" r=\"25\"/><text x=\"'+n.x+'\" y=\"'+(n.y+4)+'\" text-anchor=\"middle\">'+esc(n.name)+'</text>'+(n.sub?'<text x=\"'+n.x+'\" y=\"'+(n.y+43)+'\" text-anchor=\"middle\">'+esc(n.sub)+'</text>':'')+'</g>').join('');}function table(id,rows){$('#'+id).replaceChildren(...rows.map(r=>{const row=document.createElement('div');row.className='tr';r.forEach(x=>{const c=document.createElement('div');if(typeof x==='object'){c.textContent=x.text;c.className=x.cls||'';}else c.textContent=x;row.append(c)});return row;}));}let tail='a';function draw(){const look=$('#look').value,n=+(look==='a')+(look===tail);set('grammar','S → A '+tail+'\\nA → a | ε');table('prediction',[['A → a','FIRST(a) = {a}',{text:look==='a'?'✓':'—',cls:look==='a'?'on':''}],['A → ε','FOLLOW(A) = {'+tail+'}',{text:look===tail?'✓':'—',cls:look===tail?'gold':''}]]);set('equation','PRED(a) ∩ PRED(ε) = '+(tail==='a'?'{a}':'∅'));set('explanation',t(n===2?'conflict':n===1?'unique':'none'));$('#prediction').dataset.candidates=n;pressed(tail);}document.querySelectorAll('[data-mode]').forEach(b=>b.onclick=()=>{tail=b.dataset.mode;draw()});$('#look').onchange=draw;draw();","audio":false,"strings":{"conflict":"两条规则都命中:一个前瞻不足以选择。","heading":"ε 不消费字符,为什么仍会争抢前瞻?","intro":"S → A t;A → a 或 ε。切换末尾 t 与当前前瞻,观察预测集合如何决定候选。","look":"当前前瞻","none":"没有候选:应报错,不能无条件选择 ε。","prediction":"预测集合与命中情况","reset":"重置","scope":"固定两条 A 规则,只切换 S 的末尾 a/b。展示预测表,不声称完成通用 FIRST/FOLLOW 求解。$ 表示输入结束。","scopeLabel":"模型范围与约定","ta":"末尾 a","tail":"S 末尾终结符 t","tb":"末尾 b","unique":"只有一条规则命中,可由当前前瞻选择。"}}
公共前缀、歧义与回溯
左因子提取把 A → αβ | αγ 改成 A → αA'、A' → β | γ,使选择推迟到公共前缀之后。但它不保证任意文法因此变成 LL(1),也不会自动消除歧义。
悬空 else 涉及它应该绑定哪层 if。语言可以规定匹配最近未匹配的 if,要求显式结束符,或用文法区分已匹配与未匹配语句。需要说明具体规则,不能只把它称为“前瞻不够”。
试探解析若回退,应同时恢复游标、暂存诊断及其他可变状态。频繁重试可能重复解析同一前缀;记忆化又会增加内存,并要求结果依赖被正确纳入缓存键。
Pratt:左右绑定强度控制树形
下面是可直接运行的 Python 教学实现。输入是已分词的 token 列表;数字是非负十进制整数,一元负号单独解析。此处 ^ 被这门示例语言定义为幂运算,与 Python 的 ^ 含义无关。
class Parser:
INFIX = {"+": (10, 11), "-": (10, 11),
"*": (20, 21), "/": (20, 21), "^": (30, 30)}
def __init__(self, tokens):
self.tokens = list(tokens) + [None]
self.pos = 0
def peek(self):
return self.tokens[self.pos]
def take(self):
token = self.peek()
if token is None:
raise SyntaxError("expected expression before EOF")
self.pos += 1
return token
def expr(self, minimum=0):
token = self.take()
if token.isascii() and token.isdecimal():
left = ("number", int(token))
elif token == "-":
left = ("negate", self.expr(30))
elif token == "(":
left = self.expr()
if self.peek() != ")":
raise SyntaxError("expected closing parenthesis")
self.take()
else:
raise SyntaxError(f"expected expression, got {token!r}")
while self.peek() in self.INFIX:
op = self.peek()
lbp, rbp = self.INFIX[op]
if lbp < minimum:
break
self.take()
left = (op, left, self.expr(rbp))
return left
def parse(self):
result = self.expr()
if self.peek() is not None:
raise SyntaxError(f"unexpected trailing token {self.peek()!r}")
return result
assert Parser(["8", "-", "3", "-", "2"]).parse() == (
"-", ("-", ("number", 8), ("number", 3)), ("number", 2))
本实现允许 lbp >= minimum 的运算符进入当前调用。左结合减法让右侧使用 11,因此右侧不会吃掉 lbp 为 10 的下一个减号,后者留给外层循环。右结合幂的左右门槛同为 30,使右侧能继续吸收下一次幂。
一元负号让其操作数从 30 开始,因而这里 - 2 ^ 2 解析为 -(2^2)。这是明确选定的语言规则;修改门槛可以定义别的规则。括号和 EOF 不在中缀表中,自然终止循环,不应给它们虚构一个最低中缀优先级。
完整 Pratt 实现还可为 token 配置前缀、后缀和中缀处理器,加入函数调用、成员访问或三元表达式。本例专注绑定方向,没有加入源码位置、资源上限和错误恢复;深度嵌套在实际实现中还需避免耗尽调用栈。作者教程展示了这种按 token 组织表达式编译的方式。Crafting Interpreters 第 17 章
追踪门槛,观察 token 究竟被哪层调用消费
对 8 - 3 - 2,外层看到第一个减号后以门槛 11 递归解析右侧。右侧读到 3,随后看到第二个减号的左绑定强度为 10,小于 11,于是返回而不消费减号。外层先构成 8−3,再继续消费第二个减号,最终得到 (8−3)−2。
| 表达式片段 | 当前门槛 | 下一个运算符强度 | 决策 |
| 第一个减号右侧的 3 | 11 | - 为 10 | 留给外层,形成左结合 |
| 第一个幂号右侧的 3 | 30 | ^ 为 30 | 当前层继续,形成右结合 |
| 前缀负号右侧的 2 | 30 | ^ 为 30 | 先把幂纳入负号操作数 |
| 括号内表达式结束 | 任意 | ) 不是中缀 | 返回,由括号处理器消费 |
将以下断言接在 Parser 定义之后,直接检查 AST,而不借助求值结果掩盖树形差异:
N = lambda x: ("number", x)
assert Parser(["2", "+", "3", "*", "4"]).parse() == ("+", N(2), ("*", N(3), N(4)))
assert Parser(["2", "^", "3", "^", "2"]).parse() == ("^", N(2), ("^", N(3), N(2)))
assert Parser(["-", "2", "^", "2"]).parse() == ("negate", ("^", N(2), N(2)))
assert Parser(["(", "-", "2", ")", "^", "2"]).parse() == ("^", ("negate", N(2)), N(2))
for tokens in ([], ["1", "2"], ["1", "+"], ["(", "1"], ["1", ")"], ["*", "2"]):
try:
Parser(tokens).parse()
except SyntaxError:
pass
else:
raise AssertionError(f"invalid input accepted: {tokens}")
空输入、尾部 token、缺右操作数、缺右括号和非法前缀分别来自不同失败位置。检查这些入口与出口条件,比只观察一个算式是否得到正确数字更能揭示解析器是否完整消费输入。
改一个绑定门槛,树为什么就变了?
绑定强度不是求值顺序的动画速度,而是当前递归调用是否继续消费运算符的门槛。下面真正运行一个受限 Pratt 解析器,再从得到的树生成括号形式和结果。修改减法的右门槛会改变结合方向;把乘法强度降到加法以下,会改变哪一棵子树先组成。门槛记录可以解释结果为什么变,而不只显示两个不同答案。
正在呈现知识画面
改一个绑定门槛,树为什么就变了?右侧门槛高于相同运算符的左绑定强度时,右侧返回,把下一个运算符留给外层。门槛相等则可吸收它,形成右结合。
{"id":"pratt-binding-tree","title":"改一个绑定门槛,树为什么就变了?","summary":"右侧门槛高于相同运算符的左绑定强度时,右侧返回,把下一个运算符留给外层。门槛相等则可吸收它,形成右结合。","height":1000,"html":"<h2 data-i18n=\"heading\"></h2><p class=\"intro\" data-i18n=\"intro\"></p><div class=\"presets\" role=\"group\" data-i18n-label=\"expr\"><button data-mode=\"sub\" data-i18n=\"sub\"></button><button data-mode=\"pow\" data-i18n=\"pow\"></button><button data-mode=\"mix\" data-i18n=\"mix\"></button></div><label class=\"check\"><input type=\"checkbox\" id=\"right\"><span data-i18n=\"right\"></span></label><div class=\"control\"><label for=\"multiply\" data-i18n=\"multiply\"></label><output for=\"multiply\" id=\"multiply-value\"></output><input id=\"multiply\" type=\"range\" min=\"5\" max=\"25\" value=\"20\" step=\"1\"></div><svg id=\"treeplot\" class=\"diagram\" viewBox=\"0 0 360 180\" role=\"img\"></svg><div class=\"metrics\"><div><span data-i18n=\"result\"></span><strong id=\"result\"></strong></div></div><p id=\"tree\" class=\"source\"></p><section class=\"panel\"><h3 data-i18n=\"decisions\"></h3><div id=\"decisions\"></div></section><details class=\"scope\"><summary data-i18n=\"scopeLabel\"></summary><p data-i18n=\"scope\"></p></details>","css":".intro{margin:8px 0 18px;color:var(--muted);font-size:14px}.caption,.hint{font-size:12px;color:var(--muted);margin-top:12px}.control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center;margin:14px 0;font-size:13px}.control label{font-size:13px}.control output{color:var(--accent);min-width:5em;text-align:right;font-variant-numeric:tabular-nums}.control input{grid-column:1/-1;width:100%;margin:0}.presets{display:flex;gap:4px;align-items:stretch}.presets button{flex:1 1 0;min-width:0;overflow-wrap:anywhere;font-size:13px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.actions button{flex:1;min-width:0;font-size:13px;min-height:42px}.copy{display:grid;font-size:14px;margin:16px 0}.copy>*{grid-area:1/1;margin:0}.reserve{visibility:hidden}.scope{margin-top:14px;color:var(--muted);font-size:12px}.scope summary{padding:8px 0;cursor:pointer}.scope p{margin-top:10px}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.card{border:1px solid var(--rule);border-radius:9px;padding:14px;min-width:0}.card header{font-size:14px;font-weight:600;margin-bottom:10px}.card button{font-size:12px;width:100%;min-width:0}.card small{display:block;font-size:12px;color:var(--muted)}.card code{font-size:12px;overflow-wrap:anywhere}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.metrics>div{border-left:2px solid var(--accent);padding-left:10px;min-width:0}.metrics span{display:block;min-height:3.2em;color:var(--muted);font-size:12px}.metrics strong{font-size:23px;display:block;font-weight:500;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.formula{border-top:1px solid var(--rule);padding-top:12px;margin-top:14px;font-size:13px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.value{font:500 20px var(--viz-font-ui)}.legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--muted);margin:12px 0}.legend span:before{content:'';display:inline-block;width:8px;height:8px;border-radius:2px;background:var(--accent);margin-right:6px}.legend .second:before{background:var(--second)}.check{display:flex;align-items:center;gap:8px;font-size:13px;margin:12px 0}.check input{width:16px;height:16px;flex-shrink:0;accent-color:var(--accent)}select,input[type=text],input[type=number]{background:var(--paper);color:var(--ink);font:inherit;font-size:13px;padding:10px;border:1px solid var(--rule);border-radius:7px;max-width:100%;min-width:0}select{width:100%;min-height:42px}.band{height:20px;display:flex;background:var(--surface);border-radius:4px;overflow:hidden}.band i{height:100%;display:block;background:var(--accent);transition:width .25s}.band i.second{background:var(--second)}button:disabled{cursor:default}.status{font-size:13px;min-height:4.8em}.mono{font-family:var(--viz-font-mono);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}\n@media(max-width:480px){.two{gap:8px}.card{padding:12px 9px}.actions button,.presets button{font-size:12px}.metrics strong{font-size:20px}.metrics{gap:8px}}\n@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}\n.track-row{margin:16px 0}.track-row>span{display:block;font-size:12px;color:var(--muted);margin-bottom:7px}.track{display:flex;gap:5px;min-width:0}.cell{flex:1;min-width:0;min-height:48px;border:1px solid var(--rule);border-radius:5px;background:var(--surface);display:flex;align-items:center;justify-content:center;text-align:center;padding:5px 3px;font-size:12px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.cell.on{background:var(--accent-soft);border-color:var(--accent)}.cell.gold{background:var(--second-soft);border-color:var(--second)}.cell.empty{border-style:dashed;color:var(--muted)}.cell.error{border-color:var(--second);text-decoration:line-through}.choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:14px 0}.choices button{min-width:0;padding:10px 4px;font-size:12px;overflow-wrap:anywhere}.choices button[aria-current=true]{border-color:var(--accent);background:var(--accent-soft)}.relation{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:center;gap:6px;margin:12px 0}.relation .cell{min-height:72px}.relation>i{text-align:center;font-style:normal;color:var(--accent)}.readout{font-size:13px;white-space:pre-line;min-height:6.4em;overflow-wrap:anywhere}.plot{position:relative;border-left:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:8px 0;margin:18px 0}.plot-row{height:28px;position:relative;margin:4px 0;background:var(--surface)}.plot-row i{position:absolute;inset-block:5px;background:var(--accent);min-width:2px;transition:width .2s,left .2s}.plot-row b{position:relative;padding:4px 6px;font:11px/28px var(--viz-font-ui);background:var(--paper);border-radius:3px}.axis{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}\n\n/* Action labels must remain readable across locales and narrow embeds. */\n.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}\n.actions button{overflow-wrap:anywhere;white-space:normal;min-height:58px;padding:8px}\nbutton{overflow-wrap:anywhere}\n@media(min-width:640px){.actions{grid-template-columns:repeat(3,minmax(0,1fr))}}\n\n.metrics span{overflow-wrap:anywhere}\n.panel{border:1px solid var(--rule);border-radius:9px;padding:12px;margin:14px 0;min-width:0}.panel h3{font-size:13px;margin:0 0 10px;color:var(--muted)}.source{font:13px/1.8 var(--viz-font-mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0}.source mark{background:var(--accent-soft);color:var(--ink);border-bottom:2px solid var(--accent)}.source .fault{background:var(--second-soft);border-color:var(--second)}.diagram{display:block;width:100%;height:auto;max-height:320px;margin:14px 0;overflow:visible}.diagram text{fill:var(--ink);font:12px var(--viz-font-ui)}.diagram .edge{stroke:var(--muted);stroke-width:1.5;fill:none}.diagram .edge.on{stroke:var(--accent);stroke-width:3}.diagram .node{fill:var(--surface);stroke:var(--rule);stroke-width:1.5}.diagram .node.on{fill:var(--accent-soft);stroke:var(--accent)}.diagram .node.gold{fill:var(--second-soft);stroke:var(--second)}.log{font:12px/1.8 var(--viz-font-mono);white-space:pre-line;overflow-wrap:anywhere;min-height:7.2em}.table{display:grid;gap:5px;margin:14px 0}.table .tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.table .tr>*{padding:8px 5px;background:var(--surface);border-radius:4px;min-width:0;overflow-wrap:anywhere;font-size:12px}.table .tr .on{background:var(--accent-soft)}.table .tr .gold{background:var(--second-soft)}.choices button{min-height:44px}.metrics strong{min-height:1.6em}.code-line{display:block}.code-line.on{background:var(--accent-soft);border-left:2px solid var(--accent);padding-left:6px}.status-badge{font-size:12px;color:var(--accent)}.tile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.tile-grid .cell{min-height:40px}.actions button{min-height:48px}.form-field{display:grid;gap:8px;margin:14px 0;font-size:13px}.form-field input{width:100%;font-family:var(--viz-font-ui)}.metrics.three{grid-template-columns:repeat(3,minmax(0,1fr))}.formula{min-height:3.2em}.presets{flex-wrap:wrap}.presets button{flex-basis:25%;min-height:44px}\n\n#treeplot{max-height:250px}#tree{min-height:3.6em}#decisions{font:12px/1.8 var(--viz-font-ui);white-space:pre-line;min-height:9em}","js":"const $=s=>document.querySelector(s);const set=(id,v)=>$('#'+id).textContent=v;const t=k=>viz.t(k);function cells(id,values){$('#'+id).replaceChildren(...values.map(v=>{const e=document.createElement('div');e.className='cell '+(v.cls||'');e.textContent=v.text;e.title=v.title||v.text;return e;}));}function pressed(mode){document.querySelectorAll('[data-mode]').forEach(e=>e.setAttribute('aria-pressed',String(e.dataset.mode===mode)));}const esc=s=>String(s).replace(/[&<>\"']/g,c=>({'&':'&','<':'<','>':'>','\"':'"',\"'\":'''}[c]));const fmt=s=>'{'+[...s].sort().join(', ')+'}';function graph(id,nodes,edges){const el=$('#'+id);el.setAttribute('viewBox','0 0 360 200');el.innerHTML='<defs><marker id=\"arrow-'+id+'\" viewBox=\"0 0 10 10\" refX=\"8\" refY=\"5\" markerWidth=\"5\" markerHeight=\"5\" orient=\"auto-start-reverse\"><path d=\"M 0 0 L 10 5 L 0 10 z\" fill=\"var(--muted)\"/></marker></defs>'+edges.map(e=>{const a=nodes[e[0]],b=nodes[e[1]],dx=b.x-a.x,dy=b.y-a.y,d=Math.hypot(dx,dy)||1;if(edges.some(r=>r[0]===e[1]&&r[1]===e[0])){const nx=-dy/d,ny=dx/d;return '<path class=\"edge '+(e[2]?'on':'')+'\" d=\"M '+(a.x+dx/d*22+nx*12)+' '+(a.y+dy/d*22+ny*12)+' Q '+((a.x+b.x)/2+nx*38)+' '+((a.y+b.y)/2+ny*38)+' '+(b.x-dx/d*25+nx*12)+' '+(b.y-dy/d*25+ny*12)+'\" marker-end=\"url(#arrow-'+id+')\"/>';}return '<line class=\"edge '+(e[2]?'on':'')+'\" x1=\"'+(a.x+dx/d*25)+'\" y1=\"'+(a.y+dy/d*25)+'\" x2=\"'+(b.x-dx/d*28)+'\" y2=\"'+(b.y-dy/d*28)+'\" marker-end=\"url(#arrow-'+id+')\"/>';}).join('')+nodes.map(n=>'<g><circle class=\"node '+(n.cls||'')+'\" cx=\"'+n.x+'\" cy=\"'+n.y+'\" r=\"25\"/><text x=\"'+n.x+'\" y=\"'+(n.y+4)+'\" text-anchor=\"middle\">'+esc(n.name)+'</text>'+(n.sub?'<text x=\"'+n.x+'\" y=\"'+(n.y+43)+'\" text-anchor=\"middle\">'+esc(n.sub)+'</text>':'')+'</g>').join('');}function table(id,rows){$('#'+id).replaceChildren(...rows.map(r=>{const row=document.createElement('div');row.className='tr';r.forEach(x=>{const c=document.createElement('div');if(typeof x==='object'){c.textContent=x.text;c.className=x.cls||'';}else c.textContent=x;row.append(c)});return row;}));}let mode='sub';function draw(){const tokens={sub:['8','-','3','-','2'],pow:['2','^','3','^','2'],mix:['2','+','3','*','4']}[mode],mul=+$('#multiply').value;set('multiply-value',mul);const bp={'+':[10,11],'-':[10,$('#right').checked?10:11],'*':[mul,mul+1],'^':[30,30]},log=[];let i=0;function parse(min){let left={v:tokens[i++]};while(i<tokens.length){const op=tokens[i],[l,r]=bp[op];log.push(op+': '+l+(l<min?' < ':' ≥ ')+min+' → '+(l<min?'return':'consume'));if(l<min)break;i++;left={op,a:left,b:parse(r)}}return left}const tree=parse(0);function format(n){return n.op?'('+format(n.a)+' '+n.op+' '+format(n.b)+')':n.v}function value(n){if(!n.op)return+n.v;const a=value(n.a),b=value(n.b);return n.op==='+'?a+b:n.op==='-'?a-b:n.op==='*'?a*b:a**b}const nodes=[],edges=[];function walk(n,x,y,w){const k=nodes.length;nodes.push({name:n.op||n.v,x,y,cls:n.op?'on':''});if(n.op){const a=walk(n.a,x-w,y+65,w/2),b=walk(n.b,x+w,y+65,w/2);edges.push([k,a],[k,b])}return k}walk(tree,180,30,90);graph('treeplot',nodes,edges);set('tree',format(tree));set('result',value(tree));set('decisions',log.join('\\n'));$('#tree').dataset.ast=JSON.stringify(tree);pressed(mode);}document.querySelectorAll('[data-mode]').forEach(b=>b.onclick=()=>{mode=b.dataset.mode;draw()});$('#right').onchange=draw;$('#multiply').oninput=draw;draw();","audio":false,"strings":{"decisions":"递归调用的门槛判断","expr":"表达式","heading":"改一个绑定门槛,树为什么就变了?","intro":"选择表达式,再改变减法结合性或乘法优先级。实际 Pratt 解析器同时给出树、完全括号形式和门槛判断。","mix":"2 + 3 * 4","multiply":"乘法的左绑定强度","pow":"2 ^ 3 ^ 2","reset":"重置","result":"求值结果","right":"减法采用右结合","scope":"有限示例,整数 +、−、*、^,^ 为幂且右结合。无括号输入和一元运算;树由真实解析结果生成。成本、溢出和语言兼容性不在范围内。","scopeLabel":"模型范围与约定","sub":"8 − 3 − 2","tree":"完全括号形式"}}
选型与后续
分层递归下降适合直接对应语言规则;Pratt 适合集中管理表达式运算符。生成器也可以提供良好的诊断,手写也可能恢复不佳,质量取决于实现投入。需要更一般的确定性文法处理时,可接着看 LR 分析;产出怎样的树见 AST 设计与错误恢复。
Keywords: recursive descent, LL(1), FIRST, FOLLOW, prediction set, left recursion, left factoring, Pratt parser, binding power, associativity