控制台输出对象，输出引用类型的小坑。

最新推荐文章于 2024-01-08 06:45:00 发布

有梦想的森

最新推荐文章于 2024-01-08 06:45:00 发布

阅读量270

点赞数 1

文章标签：前端 javascript

本文链接：https://blog.csdn.net/weixin_44972715/article/details/124942258

版权

本文探讨了在JavaScript中遇到的一个控制台输出问题，即赋值语句在输出后执行但控制台显示已更新的值。作者通过断点调试和测试方法揭示了控制台展示引用类型时的特性，指出并非赋值语句执行顺序错误。解决问题的关键在于理解控制台如何显示对象的属性。建议在遇到问题时深入探究原理，避免误解。

摘要由CSDN通过智能技术生成

项目场景：

提示：这里简述项目相关背景：

场景：在异步请求前请求后重置请求数据。控制台输出会误以为赋值语句在输出语句前执行
控制台输出引用类型的问题，下面上代码

提示：这里描述项目中遇到的问题：

赋值语句在后，却在控制台中输出{a=666} 的问题。

let obj = {
            a: 1
        }
        console.log(obj)   //输出 {a =666}

        obj.a = 666

输出结果如下图
在这里插入图片描述

提示：这里填写问题的分析：
原因：当点开浏览器控制台的小三角，控制台会获取其属性和方法展现

经过断点，发现并非赋值语句在输出语句前执行！！
可以利用断点或者setTimeout延迟赋值进行测试

本作者小菜一个刚开始误以为是控制台输出需要时间，赋值语句已经执行完了
在这里希望大家遇到问题，不要放弃，探索原理，才是学习最好的方式。

提示：这里填写该问题的具体解决方案：

1.通过打断点进行调试。
2.数组输出length长度来确定是否有值
3.通过转为JSON字符串进行输出

关注