js面向对象学习笔记之二（debug调试方法)

痛定思痛。 2022-08-05 12:26 156阅读 0赞

## 1. js的调试 ##

很明显，js 调试只能够通过 alert 进行打印

alert(id);

对于复杂的数据类型，我们可以通过将其转换成json格式 再进行弹出

alert(JSON.stringify(data));

## 2. DOM 信息调试 ##

对于我们需要获取到的信息 可以根据要求打印到dom元素里

document.write(data); //会覆盖整个文档

## 3. 在程序端调试 ##

直接在程序端打印所需信息后退出

var_dump()
    print_r()

## 4. js 其他错误信息处理 ##

/*==================大多数浏览器支持 有少部分不支持=====================*/
    window.οnerrοr=handleErr
    
    function handleErr(msg,url,l){
        txt="There was an error on this page.\n\n"
        txt+="Error: " + msg + "\n"
        txt+="URL: " + url + "\n"
        txt+="Line: " + l + "\n\n"
        txt+="Click OK to continue.\n\n"
        alert(txt)
        return true;
    }

## 5. try catch 调试 ##

/*==================浏览器都支持====================*/
        try{
          adddlert("Welcome guest!");
        }
        catch(err){
              txt="本页有一个错误。\n\n";
              txt+="错误描述：" + err.message + "\n\n";
              txt+="点击确定继续。\n\n";
              alert(txt);
       }

## 6. 当然我们如果在 PC端浏览器上检查错误可以使用 console.log ##

console.log(data);

chrome 下的：

debugger;

发表评论取消回复

表情：

评论列表（有 0 条评论，156人围观）

还没有评论，来说两句吧...

相关阅读

相关 js面向对象学习笔记之六（变量)

【1.值对应的boolean】 false 布尔值 false 对象 null 数字

古城微笑少年丶/ 2022年08月08日 06:57/ 0 赞/ 206 阅读

相关 js面向对象学习笔记之五（定时器)

话不多说，直接上代码： function set(a,b,c){ alert(a); alert(b); aler

怼烎@/ 2022年08月08日 00:54/ 0 赞/ 203 阅读

相关 js面向对象学习笔记之四（Date 对象)

//日期字符串转时间戳 var date="2015-03-18"; date = new Date(Date.parse(date.repla

小灰灰/ 2022年08月08日 00:54/ 0 赞/ 202 阅读

相关 js面向对象学习笔记之三（Array 对象)

1. 数组的初始化： //三种初始化方式 new Array(); new Array(size); new Array(elem

左手的ㄟ右手/ 2022年08月08日 00:54/ 0 赞/ 222 阅读

相关 js面向对象学习笔记之一（类与对象)

1. javascript中的类即函数 /==============================类即函数=======================

谁借莪１个温暖的怀抱￠/ 2022年08月07日 16:48/ 0 赞/ 212 阅读

相关 js面向对象学习笔记之二（debug调试方法)

1. js的调试很明显，js 调试只能够通过 alert 进行打印 alert(id); 对于复杂的数据类型，我们可以通过将

痛定思痛。/ 2022年08月05日 12:26/ 0 赞/ 157 阅读

相关 js 面向对象（oop）笔记

特点： 1. 抽象：抓住核心问题 2. 封装：不考虑内部的实现，只考虑功能的使用 3. 继承：从已有的对象上，继承出新的对象多重继承

清疚/ 2022年05月30日 03:50/ 0 赞/ 220 阅读

相关 8086 DEBUG调试学习笔记

在8086汇编中DEBUG是个非常实用的工具，并且可以非常明了的查看每一步指令每一个段的相对状态，有利于学习。下面列举一下DEBUG的一些使用方法： 1.-A

矫情吗；*/ 2022年05月22日 11:13/ 0 赞/ 194 阅读

相关 JS之面向对象

函数在js中是非常重要的一个概念，当使用js定义一个函数时，实际上得到的如下五项： 1.函数：就像java方法一样可以被调用。 2.对象：定义一个函数时，系统也会创建一个

你的名字/ 2021年12月12日 03:35/ 0 赞/ 263 阅读

相关 idea DeBug调试学习

[在Intellij IDEA中使用Debug][Intellij IDEA_Debug] 目录 [一、Debug开篇][Debug] [二、基本用法&快捷

港控/mmm°/ 2021年12月05日 13:03/ 0 赞/ 359 阅读