IE10 Error.stack：提升异步脚本调试效率

25 浏览量更新于2024-08-31 收藏 249KB PDF 举报

在IE10中，引入了Error.stack这一特性，极大地提升了JavaScript脚本调试的效率和精确性。在此之前，开发者在处理异步操作或者难以重现的错误时，可能会遇到挑战，因为传统的try/catch机制主要依赖于堆栈跟踪，但在某些情况下信息不够详细。Error.stack的出现改变了这一状况。 Error.stack允许JavaScript引擎在遇到错误时，自动生成一个调用堆栈，包含了错误发生时执行的函数名称、函数所在的源文件位置以及调用链。这对于定位问题源头至关重要，特别是当错误发生在异步操作中，如回调函数或者Promise链中，传统的堆栈追踪可能不直观。有了Error.stack，开发人员可以直接查看到错误上下文，包括引发错误的函数参数和状态，有助于快速定位代码中的bug。以一个计算两点间距离的简单脚本为例，该脚本中有三个函数：squareRoot用于计算平方根，square用于计算平方，pointDistance则是调用squareRoot来计算两点距离。在尝试计算(0,2)和(12,10)两点距离时，如果传入的参数不合适，比如传递了一个负数给squareRoot，Error.stack就会显示具体的错误信息，指示出是哪个函数引发了错误，参数为何出错。使用Error.stack进行调试时，开发人员可以通过控制台输出的堆栈信息，一步步追溯到错误发生的源头，从而更快地修复问题。这不仅适用于IE10，其他现代浏览器也普遍支持Error.stack，成为了现代Web开发中不可或缺的调试工具。因此，掌握并利用好Error.stack特性，对提升代码质量、缩短问题解决时间具有重要意义。

IE10 Error.stack 让脚本调试更加方便快捷让脚本调试更加方便快捷

在IE10中已经新加入了Error.stack 的支持，可以加快开发人员的脚本调试，并更正错误。尤其是一些难以重现

的错误，如异步操作等

在IE10中已经新加入了Error.stack 的支持，可以加快开发人员的脚本调试，并更正错误。尤其是一些难以重现的错误，如异

步操作等。以下内容来自于微软IE团队，对于这个特性描述的非常详细。

调试应用程序

JavaScript 中的结构化错误处理依赖于 throw 和 try/catch，开发人员将在其中声明一个错误，并将控制流传递至处理错误的程序

的某一部分。当某一错误被引发时，Chakra，即 Internet Explorer 中的 JavaScript 引擎将捕获引发该错误的调用链，这一过

程也被称为调用堆栈。如果被引发的对象是一个 Error（或者是一个函数，且其原型链将导致 Error），那么 Chakra 将创建一个

堆栈跟踪，即可人工读取的调用堆栈列表。该列表将被表示为一种属性，即 Error 对象中的 stack。stack 包含错误消息、函数名

称和该函数的源文件位置信息。这些信息将有助于开发人员了解所调用的函数，甚至查看错误的代码行，从而迅速诊断缺陷。

例如，这些信息可能表明传递至函数的某一参数为空，或为无效类型。

让我们一同来查看一个简单的脚本，并以此展开深入讨论。该脚本试图计算 (0, 2) 和 (12, 10) 两点间的距离：

复制代码

代码如下:

(function () {

'use strict';

function squareRoot(n) {

if (n < 0)

throw new Error('Cannot take square root of negative number.');

return Math.sqrt(n);

}

function square(n) {

return n * n;

}

function pointDistance(pt1, pt2) {

return squareRoot((pt1.x - pt2.x) + (pt1.y - pt2.y));

}

function sample() {

var pt1 = { x: 0, y: 2 };

var pt2 = { x: 12, y: 10 };

console.log('Distance is: ' + pointDistance(pt1, pt2));

}

try {

sample();

}

catch (e) {

console.log(e.stack);

}

})();

该脚本中包含一个缺陷，其未调整组件间的差异。因此，对于某些输入而言，pointDistance 函数将返回错误的结果；而在其他

情况中，该脚本将导致错误发生。为了理解堆栈跟踪的含义，让我们一同来查看 F12 开发人员工具中的错误，并查看其脚本

选项卡：

下载后可阅读完整内容，剩余3页未读，立即下载

weixin_38506835

粉丝: 5
资源: 958

IE10 Error.stack：提升异步脚本调试效率

proposal-error-stacks:ECMAScript建议，规格和有关Error.prototype.stack的参考实现System.getStack

const stack = new Error().stack;

torch.mean torch.stack

torch.stack(dataset).shape

monfox.stack.iec61850.api.client 接收服务端更新的数据代码

state.stack[-1][1]，self.stack = [] # the stack used for function calling, starting with [deffun,0].

torch.stack(

if(stack.top-stack.base >= stack.stacksize)

torch.stack(x)

最新资源