js 中的 debugger

2016-10-10

1. 前言

非常感谢面试官给一个比较好的建议了，这里需要指出的是关于一个指令(?或者说表达式声明statement？)debugger。

2. 问题来源

通常而言，在一个实际的项目中，难免总是要需要增加一些断点来完成一些debug的操作，但是一个完整的项目通常都会通过构建工具来完成压缩，代码的压缩虽然在sourcemap的帮助下可以非常有效的找出需要的位置，但是一个显然的问题就是无法对压缩后的代码精准的打断点(z指的是不太好打断点),在之前通常使用的无非就是console.log来输出我需要的代码信息。但是这带来的弊端就是，我无法查看当时情况下所有的作用域，也不能现场魔改代码来修正错误。

此时debugger就带来了更加良好的处理方式，当浏览器运行到有debugger标注的位置，它就会自动停下来，就和正常打上的断点的程序一样，没有什么差别。

3. 如何使用

debugger的使用非常简单，和正常的表达式没有任何区别下面是实例:

function whatNeedToFiex(){
	debugger;
	//someBugFunction
}

是的就这么简单，好的本章结束！

本文标题：js 中的 debugger

本文链接：https://iceprosurface.com/2016/10/10/2016/2016-10-10-js-debugger/index.html

作者授权：除特别说明外，本文由 icepro 原创编译并授权刊载发布。