代码对照：差异会带来什么？

页面没有 id="panel" 的元素时，如何区分“掩盖错误”与“给出诊断线索”？

document.querySelector('#panel').textContent = '就绪';

const panel = document.querySelector('#panel');
if (panel) panel.textContent = '就绪';
else console.error('未找到 #panel，请检查结构与执行时机');

提问：指出关键差异，给出适用条件或反例；不要仅以代码长短判断。以上为对照片段，阅读其前提后再分析。