console.log打印对象遇到的一个问题,如下截图 打印结果与预期不符,原因是因为字符串‘a’和对象object拼接在一起,拼成了一个字符串
console.log("The", animal, "jumped over", count, "tall buildings"); console.debug(object[, object, ...]) 向控制台输出一条信息,它包括一个指向该行代码位置的超链接。 console.info(object[, object, ...]) 向控制台输出一条信息,该信息包含一个表示“信息”的图标,和指向该行代码位置的超链接。
console.log("%d年%d月%d日",2011,3,26);效果：%o、%O 都是用来输出 Object 对象的，对普通的 Object 对象，两者没区别，但是打印 dom 节点时就不一样了：// 格式成可展开的的DOM，像在开发者工具Element面板那样可展开 console.log('%o',document.body.firstElementChild); // 像JS对象那样访问DOM元素，可...
console.log(obj) 当我们点击这个object展开的时候,chrome会重新获取这些引用的值 但当我们点击object去展开的时候,代码已经执行完了,于是重新获取的是修改过的值 实际上相当于一种懒加载,这也是为什么你可以在控制台无限查看Object的prototype了。 setTimeout验证Chrome取值模式 下面的代码会有两种不同输出,只取决于你...
由此可见,console.log打印出来的内容并不是一定百分百可信的内容。一般对于基本类型number、string、boolean、null、undefined的输出是可信的。但对于Object等引用类型来说,则就会出现上述异常打印输出。 如果改为console.log(JSON.stringfy(obj))则会打印出当前对象的快照,也就能拿到类似同步下的理想结果。更好的解决方...
console.log支持的格式标志有: 前三种格式不用多说,%o、%O都是用来输出Object对象的,对普通的Object对象,两者没区别,但是打印dom节点时就不一样了: 使用%o输出和不使用格式化输出打印出来的结果一样,你可以查看这个dom节点的内容、子节点等;而使用%O,你看到的则是该dom节点各个对象属性。对应我们平时把数据寄放到do...
console.log('ggg') } } console.log(obj1) // { uname: "dengke", fn: ƒ } 补充 扩展运算符(spread)是三个点(...)也可以创建对象(返回一个新对象),注意这是一个浅拷贝 const obj = { name: 'dengke' } const obj1 = { age: 18, ...
js中有六大类型:string、number、boolean、object、null、undefined。 console.log(typeof "123");//string console.log(typeof 123);//number console.log(typeof true);//boolean console.log(typeof {});//object console.log(typeof null);//object ...
console.log("%d年%d月%d日",2011,3,26); 尝试一下 » 效果: %o、%O 都是用来输出 Object 对象的,对普通的 Object 对象,两者没区别,但是打印dom节点时就不一样了: 实例 // 格式成可展开的的DOM,像在开发者工具Element面板那样可展开 console.log('%o',document.body.firstElementChild); // 像JS对...
再用console.table() 输出: 所以从上面两种输出我们可以看出,当输出类似于这种两层嵌套的对象时,我们可以选择 console.table() 以表格的形式输出。当然,嵌套三层及以上的也会以表格形式输出,但限于表格只能显示二维信息的特点,其会在嵌套三层或以上的地方会显示 "Object" 字符串。