JavaScript中可能存在的bug问题
2022-10-28 · 百度认证:云南嘉荟教育信息咨询官方账号,教育领域创作者
对于每一个程序员来说,在编程过程中出现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培训http://www.kmbdqn.com/认为其作用是捕获当前的调用栈并对其进行裁剪,捕获到的调用栈会记录在1个参数的stack属性上,裁剪的参照点是2个参数,也就是说,此函数之前的调用会被记录到调用栈上面,而之后的不会。