首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

consolejs 调试更简单

虽然大多数人使用 console.log(object) 来查看对象,但是你也可以使用 console.log(object, otherObject, string),它会把它们都整齐地记录下来,偶尔也会很方便...console.dir() 下拉小箭头将显示与上面相同的对象详细信息,这也可以从console.log 版本中看到。当你查看元素的结构时候,你会发现它们之间的差异更大,也更有趣。...打印对象 打开了一些元素,这清楚地显示了 DOM,我们可以在其中导航。但是console.dir(element)给出了更加方便查看 DOM 结构的输出。这是一种更客观地看待元素的方式。...console.table() 令人惊讶的是,这并不是更为人所知,但是 console.table() 函数旨在以一种比仅仅转出原始对象数组更整洁的方式显示表格数据。...不过,console.trace() 会非常清楚地告诉我们问题出在 Dashboard.js,我们可以看到是 new CupcakeService(false) 导致错误。

3K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    js调试更简单—console

    一、显示信息的命令 console.log 用于输出普通信息 console.info 用于输出提示性信息 console.error用于输出错误信息 console.warn用于输出警示信息 ?...最常用的就是console.log了。 二、占位符 console上述的集中度支持printf的占位符格式,支持的占位符有:字符(%s)、整数(%d或%i)、浮点数(%f)和对象(%o): ?...%o、%O都是用来输出Object对象的,对普通的Object对象,两者没区别,但是打印dom节点时就不一样了: // 格式成可展开的的DOM,像在开发者工具Element面板那样可展开 console.log...('%o',document.body.firstElementChild); // 像JS对象那样访问DOM元素,可查看DOM元素的属性 // 等同于console.dir(document.body.firstElementChild...六、计时功能 console.time()和console.timeEnd(),用来显示代码的运行时间。

    2.3K10

    js奇怪的知识--console.table

    这个方法需要一个必须参数 data,data 必须是一个数组或者是一个对象;还可以使用一个可选参数 columns。 表格的第一列是 index。...如果数据是一个对象,那么它们的值就是各对象的属性名称。 注意(在 FireFox 中)console.table 被限制为只显示1000行(第一行是被标记的索引)。...1.直接输出 直接进行尝试,在控制台输出 console.table console.table(["双十一", "双十二", "双十三"]); PS E:\demo> node 1.js ┌────...2.定义对象进行输出 同样也可以定义一个对象然后输出 function Fun(title, date) { this.title = title this.date = date } const...3.console.table() 的应用场景 前面是在通过在编辑器中使用 node.js 输出数据,看看在浏览器中输出会不会不一样的效果。

    4.7K20

    灵活使用 consolejs 调试更简单

    虽然大多数人使用 console.log(object) 来查看对象,但是你也可以使用 console.log(object, otherObject, string),它会把它们都整齐地记录下来,偶尔也会很方便...下拉小箭头将显示与上面相同的对象详细信息,这也可以从console.log 版本中看到。当你查看元素的结构时候,你会发现它们之间的差异更大,也更有趣。...console.table() 令人惊讶的是,这并不是更为人所知,但是 console.table() 函数旨在以一种比仅仅转出原始对象数组更整洁的方式显示表格数据。 例如,这里有一个数据列表。...不过,console.trace() 会非常清楚地告诉我们问题出在 Dashboard.js,我们可以看到是 new CupcakeService(false) 导致错误。...getEventListeners($(‘selector’)) 返回一个对象数组,其中包含绑定到该元素的所有事件。你可以展开对象来查看事件: ?

    1.6K10

    js调试console.log使用总结图解

    一 实例 打印字符串和对象; 可展开对象查看内部情况; 看一下console对象本身的定义情况; 输出对象情况; utag对象所在文件; 输出对象; 二 Console.log 总结 1...如果你js没到一个境界,我就算教你调试bug,激活成功教程一些插件之类的,你也根本不知道我在做什么。...2 之前在调试代码的时候,跟砸js代码执行情况,一般都是通过在代码块中使用alert的方式查看js代码的执行情况,今天也是看到有朋友使用console.log函数打印输出函数,变量,对象,下边就console.log...在具备调试功能的浏览器上,window对象中会注册一个名为console的成员变量,指代调试工具中的控制台。通过调用该console对象的log()函数,可以在控制台中打印信息。...为了解决这一问题,可以人为定义console对象,并声明该console对象的log函数为空函数;这样,当console.log()语句执行时,这些老版本的浏览器将不会做任何事情: 代码如下: if(!

    2K20

    你了解Console对象嘛 ? ? 快来瞅瞅吧

    你还只是知道Console.log方法嘛,Console对象其实还有很多方法。下面带大家一起来深入了解下Console对象的各个方法。 1....实例: console.group('第一层'); console.group('第二层'); console.log('error'); console.error('error'...("警告") 运行结果,如下图: console上述方法支持printf的占位符格式,支持的占位符有:字符(%s)、整数(%d或%i)、浮点数(%f)和对象(%o): 占位符 作用 %s 字符串...); %o、%O 都是用来输出 Object 对象的,对普通的 Object 对象,两者没区别,但是打印dom节点时就不一样了: // 格式成可展开的的DOM,像在开发者工具Element面板那样可展开...console.log('%o',document.body.firstElementChild); // 像JS对象那样访问DOM元素,可查看DOM元素的属性 // 等同于console.dir

    24920

    别只用 console.log() 调试 js 代码了

    JavaScript中的 console 对象可用于访问浏览器调试控制台,可以用它在控制台中输出代码中变量的值。 不过大多数人都只过 console.log() 在浏览器控制台中进行输出调试。...log 只是 console 对象的一种方法,除了它还有很多非常有用的方法。 1. console.log() 这个方法主要用于将传给它的值输出到控制台。...可以给 log() 传递任何类型:可以是字符串,数组,对象,布尔值等。...6. console.table() 这个方法可以在控制台中生成一个表格,能够提高可读性。它可以自动为数组或对象生成一个表。...总结 console 对象对代码调试非常有用。但是很多人通常只用 log 函数。从现在开始应该充分利用 console 对象,以便更轻松地调试并生动地查看浏览器日志。

    1.4K30

    Node.js SDK console代码变web代码

    image.png这次先搞简单一点的,就普通的Node.js Web。Node.js Express4和Vue.js后面抽时间研究。...VS2019安装时即便你选Node.js模块也是没有编译环境的,VS只是去调用Node.js而已,需要单独安装Node.js编译环境。...Node.js console代码变web代码很容易,在server.js主体部分加个全局变量var result = "";然后在client.DescribeCdnDomainLogs()中给其赋值...image.png上图由于不需要console端调试了,所以我把setTimeout(function () { }, 10000); 注释了,如果是在console端调试,这个是必要的。...当时在vs2019调试node.js console代码时,终端结果闪退,从那时起,node.js代码调试我都是在cmd命令行下进行最后再将这个被赋值的全局变量在Web页面打印出来。

    1.7K30

    JS面向对象

    JS面向对象 理解对象 数据(数据描述符)属性 数据属性有4个描述内部属性的特性 [[Configurable]] 表示能否通过delete删除此属性,能否修改属性的特性,或能否修改把属性修改为访问器属性...默认为 undefined 创建/修改/获取属性的方法 Object.defineProperty() 功能:方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性, 并返回这个对象。...语法: Object.defineProperties(obj, props) obj: 将要被添加属性或修改属性的对象 props: 该对象的一个或多个键值对定义了将要为对象添加或修改的属性的具体配置...,调用set方法,aValue为2 console.log(obj.a) // 2 读取属性值,调用get方法,此时aValue为2 console.log(b) // 3 再给obj.a赋值时,执行...input2"> 我每次比input1的值加1=> js

    7.3K20
    领券