JavaScript如何进行数据断点调试

开发时难免会有要监测某个数据的值变化情况的需求。使用C++配上Visual Studio就可以轻易地下个数据断点,当对应的变量的值被修改时,调试器就会在当前位置命中断点。
在JavaScript中也可以实现类似的需求。

var o = {
  foo: 1
};

Object.defineProperty(o , "foo", {
    set: function(value) {
        if (value === 0) {
            debugger;
        }
    }
});

当对象o的foo值被改变时,默认会调用set函数,当foo值要被设置成0的时候,则会进入if分支,触发debugger

debugger会引起调试工具在当前代码中断(使用的chrome开发者工具)

以上就实现了JavaScript数据断点调试的功能

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,050评论 25 709
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,055评论 19 139
  • 前言:调试技巧,在任何一项技术研发中都可谓是必不可少的技能。掌握各种调试技巧,必定能在工作中起到事半功倍的效果。譬...
    蓝鸥科技阅读 3,621评论 1 4
  • 端午放假几天,有好几件事都挺触动。 重来没有用过简书,突然想用简书发表出来,不是作为什么写手,作为作家,自认不到这...
    博佳_阅读 1,522评论 0 0
  • 嘿,你们好吗! 每一个夜晚夜深人静的你,此时此刻的你们在想着什么! 在想,现在的自己还背负着当年的梦想吗? 在这夜...
    姨婶阅读 1,864评论 0 0

友情链接更多精彩内容