console.log()打印对象的值和点击查看的值不一样

2024-10-25

两次console.log打印值不同

var a=[1,2,3] console.log(a); a[2]=10; console.log(a); // 打印结果 // (3) [1, 2, 3] // (3) [1, 2, 10] // 点击小箭头展开 // (3) [1, 2, 3] // 0: 1 // 1: 2 // 2: 10 // length: 3 // __proto__: Array(0) // (3) [1, 2, 10] // 0: 1 // 1: 2 // 2: 10 // length: // 3__pro

javascript篇-console.log()打印object却显示为字符串[object object]

console.log打印对象遇到的一个问题,如下截图打印结果与预期不符,原因是因为字符串‘a’和对象object拼接在一起,拼成了一个字符串

关于console.log() 打印得引用类型得数据得相关问题

console.log()打印出来得是这个引用类型最终得结果,而不是在打印得时候当前得值 ,b:} console.log(json) json.a = ; 如上 ,打印得将是 {a:3,b:2},而不是 {a:1,b:2} 解决方法,要么打断点,要么将需要输出得内容变成值类型输出

JS高级群的日常！写一个从10到0的倒计时，用console.log打印，不可以用 setInterval！本来说好的研究avalonJS最后演变成了看着大神在那边互相比拼实力。。

JS高级群的日常!写一个从10到0的倒计时,用console.log打印,不可以用 setInterval!本来说好的研究avalonJS最后演变成了看着大神在那边互相比拼实力.. 小森执行一个函数没有全局变量写一个从10到0的倒计时用console.log打印不可以用 setInterval 小白..额,可以多次调用setTimeout()吗某个被打败的神Function fn(a){console.log(a--);if(a>=0) Settimeo

js console.log 打印对像数组详解

console.log是什么东西,其实就是一个打印js数组和对像的函数而已,就像是php的print_r,var_dump.console.log这个函数本身没什么好说的,这篇博客告诉大家怎么去用这个函数.在说这个函数之前,我想大家用的最多查看js输出,是alert吧,但是alert,只能弹string或者是int的一,测试文件test.html <html xmlns="http://www.w3.org/1999/xhtml"> <head> <me

去除console.log()打印语句

打印语句:console.log() ,一句话描述它! “用的时候感觉贼爽,不用的时候脑袋痛吧?” 以下提供三种解决方案: 一. webpack打包时去除,适合Vue项目二. vscode正则匹配,手动去除 1. 拖放整个项目文件夹到vscode 2. 选中文件夹,然后编辑->在文件中替换 1. console.log()加了分号 console\.log\(.*?\); 2. console.log()没加分号 console\.log\(.*?\) 准备出一篇简单易懂的正则. 三. con

禁用所有控制台console.log()打印

在前端dev的环境下,经常会用到console.log()进行调试,以方便开发, 而在产品release的版本中,又不合适在浏览器的console中输出那么多的调试信息. 但是会经常因为没有删除这些开发过程中的代码而会在页面上打印一大堆的东西出来, 这样的话,总是感觉不是很友好解决办法: 在脚本中重新定义控制台日志函数. var console={};console.log=function(){};//禁用所有控制台输出在页面加载完之后,添加这个脚本就可以关闭页面上的打印了.如果需要再次进行

js console.log打印变量注意事项

如果是基本类型变量是没有异常的 let str = 'string' console.log(str) // string str = '改变了str变量' 如果是引用类型,打印就要注意了 let obj = { name: '张三' } let arr = [1,2,3,4,5] console.log(obj.name) console.log(obj) console.log(arr) obj.name = '李四' arr[1] = 1 让我们看看控制台的显示结果并不是像我们想象的那样

webpack打包去掉console.log打印与debugger调试

如图,找到build/webpack.prod.conf.js 在 UglifyJsPlugin 插件下添加下列代码 drop_debugger: true, drop_console: true

console.log格式化及console对象

一.console.log格式化打印 console.log格式化这一用法一般都在个人博客或其他官网上有,当F12查看网页元素时,在控制台(console)那里偶尔会发现一些个性化的输出,感觉很奇特很好玩,其实现原理不难看一遍就晓得,具体实现如下 1.%c表示css样式 console.log('%c hello world', 'color: red;font-size: 24px;font-weight: bold;text-decoration: underline;'); 2.%f表示浮

小程序重新封装打印函数console.log

习惯性使用console.log打印获取到的数据,信息等,然后上星期大佬看见了说怎么那么多打印信息出来,线上那个也是吗?问我能不能线上的就不打印出来? 我就说那就封装一个打印函数呗. 重写一个没问题,问题是之前写了那么多,都不知道写去哪儿了,不想找,所以决定重写console.log算了. //重写console.log方法,判断是否开启日志调试模式,否则就不输出 console.log = (function(oriLogFunc){ return function(str){ if (Con

Javascript 将 console.log 日志打印到 html 页面中

如何将 console.log() 打印的日志输出到 html 页面中 (function () { var old = console.log; var logger = document.getElementById('log'); console.log = function (message) { if (typeof message == 'object') { logger.innerHTML += (JSON && JSON.stringify ? JSON.stringif

javascript中alert()与console.log()的区别

我们在做js调试的时候使用 alert 可以显示信息,调试程序,alert 弹出窗口会中断程序, 如果要在循环中显示信息,手点击关闭窗口都累死.而且 alert 显示对象永远显示为[object ]. 自己写的 log 虽然可以显示一些 object 信息,但很多功能支持都没有 console 好 [1]alert() [1.1]有阻塞作用,不点击确定,后续代码无法继续执行 [1.2]alert()只能输出string,如果alert输出的是对象会自动调用toString()方法 e.g. al

JavaScript调试技巧之console.log()详解

JavaScript调试技巧之console.log()详解对于JavaScript程序的调试,相比于alert(),使用console.log()是一种更好的方式,原因在于:alert()函数会阻断JavaScript程序的执行,从而造成副作用:alert弹出框需要点击确认比较麻烦,而console.log()仅在控制台中打印相关信息,因此不会造成类似的顾虑.最重要的是alert只能输出字符串,不能输出对象里面的结构,console.log()console.log()可以接受任何字符串.数

抛弃console.log()，拥抱浏览器Debugger

译者按: 切换成本真的不高,建议使用开发者工具来Debug! 原文:How to stop using console.log() and start using your browser's debugger 译者: Fundebug 为了保证可读性,本文采用意译而非直译.另外,本文版权归原作者所有,翻译仅用于学习. 在我成为一名开发者路上也掉进过一些坑,对于新手来说一个最大的挑战就是debug.刚开始,我一度认为在控制台下使用console.log()打印变量是最棒的方法.而实际上,这样做是

第4天：function对象(案例：获取当前日期属于当年第几天、arguments对象、函数类型、参数、返回值、自身调用)

获取当前日期输入当年第几天 //输入,年月日,获取这个日期是这一年的第几天 //年-月--日:20171月31日 function getDay(year,month,day){ //定义变量存储对应的天数 var days=day //如果用户输入的是一月份,没有必要向后算天数,直接返回天数 if(month==1){ return days; } //代码执行到这里--用户输入的不是1月份 //比如输入的是4月份23日---1,2,3,+23 //定义一个数组,存储每个月的天数 var mo

chrome 控制台里打印对象

我们经常使用 chrome 的控制台 console.log() 打印但有时候我们需要把一个对象复制下来(而这个对象嵌套比较深) 打印出来的我们不好复制如下图我们可以使用谷歌控制台的copy() 函数(js 不提供) copy(globalModel.Data) 这时候ctr+V 就可以复制下来了

ES6学习 --函数参数默认值与解构赋值默认值

1. ES6的解构ES6中引入了解构赋值的操作,其作用是:将值从数组Array或属性从对象Object提取到不同的变量中即分为两种情况:从数组Array中解构,以及从对象Object中解构 ①.从数组中解构const [a, b] = [1, 2]//a = 1, b = 2 当然这些是基本的数组解构赋值,你还可以用逗号,进行跨值解构,用扩展运算符...进行多余项的解构等等 ②.从对象中结构const {a, b} = {a: 1, a: 2}//a = 1, b = 2 这也是基本的对象结构

[JavaScript] console.log只在查看时才会读取这个打印的对象，并把此刻相关属性和值显示出来

/** * 写个函数解决console.log只在查看时才会读取这个打印的对象,并把此刻相关属性和值显示出来 * @param arg */ const log = function (...arg) { let arg1 = arg.map(item => { if (typeof item === 'object') { let json = JSON.stringify(item) let obj = JSON.parse(json) return obj } else { retur

console.log 如何打印对象

问题描述: var obj={a:1,b:2}; console.log(obj); 控制台返回的值是object. 解决方案: console.log(JSON.stringify(obj))

console.log()打印对象的值和点击查看的值不一样

热门专题