您好,欢迎来到12图资源库!分享精神,快乐你我!我们只是素材的搬运工!!
  • 首 页
  • 当前位置:首页 > 开发 > WEB开发 >
    16个你能够不知道的JavaScript调试技巧(2)
    时间:2020-11-03 12:21 来源:网络整理 作者:网络 浏览:收藏 挑错 推荐 打印

    如今我们可以发现func1调用了func2,func2调用了func4,而func4创立了一个Car的实例并调用了car.FuncX,以此类推。虽然你以为本人曾经对脚本特别熟习,你依然会发现这个办法特别得方便。假设你想提高你的代码质量,你可以获取一切的追踪和相关的函数。它们中的每个都是可点击的,你可以来回切换,对你来说就像一个菜单一样。

    7. 解紧缩代码使得调试JavaScript愈加复杂

    有时分你能够会在线上的产品中遇到这样的成绩,效劳器并不能提供源代码映射(souce maps)的功用。不用怕,Chrome可以将你的JavaScript文件解紧缩成愈加易读的方式。这些代码不会和真的代码一样有协助,但是至少你能明白发作了什么。你可以点击在inspector中源代码视图下方的 {} 按钮来格式化代码。

    8. 快速找到需求被调试的函数

    假设你想要在一个函数中设置一个断点,有两种办法:

    在inspector中找到那行,添加一个断点

    在脚本代码中添加debugger

    上述的两种办法,你都需求本人手动在文件中找出你需求调试的特定的那一行代码。一个比较不为人知的办法是,在控制台中运用debug(函数名),这样脚本会在执行到这个函数时自动停下。

    这个办法特别快,但缺陷是它没法运用在私有函数和匿名函数上。除此之外,这大约是最快找到需求调试函数的办法了。(留意:有一个函数叫做console.debug,虽然名字相似,但和这个并不是一回事)

    var car; 

    var func1 = function() { 

      func2(); 

     

     

    var func2 = function() { 

      func4(); 

    var func3 = function() { 

     

     

    var func4 = function() { 

      car = new Car(); 

      car.funcX(); 

    var Car = function() { 

      this.brand = ‘volvo’; 

      this.color = ‘red’; 

      this.funcX = function() { 

        this.funcY(); 

      } 

     

     

      this.funcY = function() { 

        this.funcZ(); 

      } 

     

     

      this.funcZ = function() { 

        console.trace(‘trace car’) 

      } 

    func1(); 

    var car;  

    var func1 = function() { 

      func2(); 

    }  

    var func2 = function() { 

      func4(); 

    var func3 = function() { 

    }  

    var func4 = function() { 

      car = new Car(); 

      car.funcX(); 

    var Car = function() { 

      this.brand = ‘volvo’; 

      this.color = ‘red’; 

      this.funcX = function() { 

        this.funcY(); 

      } 

      this.funcY = function() { 

        this.funcZ(); 

      } 

       this.funcZ = function() { 

        console.trace(‘trace car’) 

      } 

    }  

    func1(); 

    在控制台中输入debug(car.funcY),脚本会在有函数调用car.funcY时停下并进入调试形式。

    9. 扫除与bug有关的脚本 (责任编辑:admin)