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/

作者授权:本文由 icepro 原创编译并授权刊载发布。

版权声明:本文使用「署名-非商业性使用-相同方式共享 4.0 国际」创作共享协议,转载或使用请遵守署名协议。

查看源码: