认识达内从这里开始

认真做教育专心促就业

太原软件开发培训关于JavaScript中可能存在的bug问题

发布：太原达内教育官网
来源：知乎专栏
时间：2018-06-23 08:22

对于每一个程序员来说，在编程过程中出现bug和错误是非常正常的一件事情，只要我们在上线之前排除问题就可以了。今天，我们就一起来了解一下，JavaScript中的问题都有哪些。

太原软件开发培训关于JavaScript中可能存在的bug问题

调用栈的工作机制

在探讨 JS 中的错误之前，我们必须理解调用栈(Call Stack)的工作机制，其实这个机制非常简单，如果你对这个已经一清二楚了，可以直接跳过这部分内容。

简单的说：函数被调用时，就会被加入到调用栈顶部，执行结束之后，就会从调用栈顶部移除该函数，这种数据结构的关键在于后进先出，即大家所熟知的 LIFO。比如，当我们在函数 y 内部调用函数 x 的时候，调用栈从下往上的顺序就是 y -> x 。

Error 对象及错误处理

当代码中发生错误时，我们通常会抛出一个 Error 对象。Error 对象可以作为扩展和创建自定义错误类型的原型。Error 对象的 prototype 具有以下属性：

constructor – 负责该实例的原型构造函数;

message – 错误信息;

name – 错误的名字;

上面都是标准属性，有些 JS 运行环境还提供了标准属性之外的属性，如 Node.js、Firefox、Chrome、Edge、IE 10、Opera 和 Safari 6+ 中会有 stack 属性，它包含了错误代码的调用栈，接下来我们简称错误堆栈。错误堆栈包含了产生该错误时完整的调用栈信息。如果您想了解更多关于 Error 对象的非标准属性，我强烈建议你阅读 MDN 的这篇文章。

抛出错误时，你必须使用 throw 关键字。为了捕获抛出的错误，则必须使用 try catch 语句把可能出错的代码块包起来，catch 的时候可以接收一个参数，该参数就是被抛出的错误。与 Java 中类似，JS 中也可以在 try catch 语句之后有 finally，不论前面代码是否抛出错误 finally 里面的代码都会执行，这种语言的常见用途有：在 finally 中做些清理的工作。

错误堆栈的裁剪

Node.js 才支持这个特性，通过 Error.captureStackTrace 来实现，Error.captureStackTrace 接收一个 object 作为 1 个参数，以及可选的 function 作为 2 个参数。其作用是捕获当前的调用栈并对其进行裁剪，捕获到的调用栈会记录在 1 个参数的 stack 属性上，裁剪的参照点是 2 个参数，也就是说，此函数之前的调用会被记录到调用栈上面，而之后的不会。

作者：王仕军

节选：知乎专栏

【免责声明】：本内容转载于网络，转载目的在于传递信息。文章内容为作者个人意见，本平台对文中陈述、观点保持中立，不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。

< 上一篇：吸引用户注意力的产品设计方法分享

下一篇：太原自动化测试培训常用工具有哪些 >