Question

JavaScript中可能存在的bug问题

Answer 1

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

调用栈的工作机制

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

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

Error对象及错误处理

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

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

message_错误信息;

name_错误的名字;

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

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

错误堆栈的裁剪

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