编辑“︁JavaScript错误栈”︁

= JavaScript错误栈 =

'''JavaScript错误栈'''（Error Stack）是JavaScript引擎在代码执行过程中遇到错误时生成的调用轨迹，它记录了错误发生时的函数调用链。错误栈对于调试至关重要，它能帮助开发者快速定位错误源头。

== 基本概念 ==
当JavaScript代码抛出错误时，引擎会创建一个Error对象，其中包含错误信息和'''调用栈'''（Call Stack）。调用栈是一个后进先出（LIFO）的数据结构，记录了当前执行的函数调用层级。

错误栈通常包含以下信息：
* 错误类型（如<code>ReferenceError</code>、<code>TypeError</code>）
* 错误消息
* 从错误发生点到最外层调用者的完整函数调用链

=== 错误栈示例 ===
<syntaxhighlight lang="javascript">
function outer() {
  middle();
}

function middle() {
  inner();
}

function inner() {
  throw new Error("示例错误");
}

outer();
</syntaxhighlight>

'''输出：'''
<pre>
Error: 示例错误
    at inner (script.js:7:9)
    at middle (script.js:4:3)
    at outer (script.js:2:3)
    at script.js:10:1
</pre>

== 错误栈的结构 ==
错误栈通常显示为多行文本，每行代表一个调用层级：
1. 第一行是错误类型和消息
2. 后续每行格式为：<code>at 函数名 (文件名:行号:列号)</code>

<mermaid>
graph TD
    A[Error: 示例错误] --> B[at inner script.js:7:9]
    B --> C[at middle script.js:4:3]
    C --> D[at outer script.js:2:3]
    D --> E[at script.js:10:1]
</mermaid>

== 访问错误栈 ==
可以通过Error对象的<code>stack</code>属性获取完整错误栈：

<syntaxhighlight lang="javascript">
try {
  throw new Error("测试错误");
} catch (e) {
  console.log(e.stack);
}
</syntaxhighlight>

== 错误栈的实际应用 ==

=== 调试异步代码 ===
在异步操作中，错误栈可能不完整，可以使用<code>async/await</code>保持调用链：

<syntaxhighlight lang="javascript">
async function fetchData() {
  throw new Error("API请求失败");
}

async function init() {
  try {
    await fetchData();
  } catch (e) {
    console.log("完整错误栈：", e.stack);
  }
}

init();
</syntaxhighlight>

=== 自定义错误 ===
可以扩展Error类来创建自定义错误类型：

<syntaxhighlight lang="javascript">
class ValidationError extends Error {
  constructor(message) {
    super(message);
    this.name = "ValidationError";
  }
}

function validate(input) {
  if (!input) throw new ValidationError("输入不能为空");
}

try {
  validate("");
} catch (e) {
  console.log(e.stack);
}
</syntaxhighlight>

== 高级主题 ==

=== 错误栈限制 ===
某些环境可能限制错误栈的深度，可通过设置<code>Error.stackTraceLimit</code>调整：

<syntaxhighlight lang="javascript">
Error.stackTraceLimit = 50; // 增加栈跟踪深度
</syntaxhighlight>

=== Source Maps ===
在压缩代码中调试时，Source Maps可以将错误栈映射回原始源代码位置。

== 数学表示 ==
错误栈可以形式化为一个有序集合：
<math>
S = \{ (f_1, l_1, c_1), (f_2, l_2, c_2), ..., (f_n, l_n, c_n) \}
</math>
其中：
* <math>f_i</math>是函数名
* <math>l_i</math>是行号
* <math>c_i</math>是列号

== 最佳实践 ==
1. 总是检查错误栈而不仅仅是错误消息
2. 在生产环境中记录完整错误栈
3. 对敏感信息进行错误栈过滤
4. 使用适当的日志级别记录不同严重程度的错误

== 参见 ==
* JavaScript错误处理
* 调用栈
* 调试技巧

[[Category:JavaScript]]
[[Category:错误处理]]
[[Category:调试技术]]

[[Category:编程语言]]
[[Category:Javascript错误处理]]