当前位置: 首页 > news >正文

前端 JS 经典:打印对象的 bug

1. 问题

相信这个 console 打印语句的 bug,其实小伙伴们是遇到过的,就是你有一个对象,通过 console,打印一次,然后经过一些处理,再通过 console 打印,发现两次打印的结果是一样的,第一次打印的结果是经过改变后的结果

const arr = [{ n: 1 }, { n: 1 }];
console.log(arr);
arr[0].n++;
console.log(arr);

2. 原因

这是因为浏览器做了一些处理,浏览器在显示的时候,如果发现数组东西比较多,会给你省略了,然后当你第一次点击小三角展开的时候,它会实时计算当前对象目前的值,目前的值改变了,那你之前 console 的值也会改变。

http://www.lryc.cn/news/366348.html

相关文章:

  • 大型语言模型简介
  • javaWeb4 Maven
  • eclipse连接后端mysql数据库并且查询
  • Windows mstsc
  • 百度/迅雷/夸克,网盘免费加速,已破!
  • SOA的参考架构
  • 前端开发-表单和表格的区别
  • Data Management Controls
  • NextJs 数据篇 - 数据获取 | 缓存 | Server Actions
  • 腾讯开源人像照片生成视频模型V-Express
  • pytorch使用DataParallel并行化保存和加载模型(单卡、多卡各种情况讲解)
  • PS初级|写在纸上的字怎么抠成透明背景?
  • Docker面试整理-Docker的网络是如何工作的?
  • 获得抖音商品评论 API 返回值
  • Qt | QtBluetooth(蓝牙电脑当服务端+手机当客户端) 配对成功啦
  • 我找到了全网最低价买服务器的 bug !!!
  • 聚类的外部指标(Purity, ARI, NMI, ACC) 和内部指标(NCC,Entropy,Compactness,Silhouette Index)
  • 国标GB/T 28181详解:国标GBT28181-2022的客户端主动发起历史视音频回放流程
  • Vue项目安装axios报错npm error code ERESOLVE npm error ERESOLVE could not resolve解决方法
  • 【Linux】Centos7升级内核的方法:yum更新(ELRepo)
  • 【CSS】object-fit 和 object-position 属性详解
  • 【算法专题--栈】最小栈--高频面试题(图文详解,小白一看就会!!)
  • Vite项目构建chrome extension,实现多入口
  • 【vector模拟实现】附加代码讲解
  • 本地运行ChatTTS
  • 应用解析 | 面向智能网联汽车的产教融合解决方案
  • 华为设备动态路由OSPF(单区域+多区域)实验
  • R语言探索与分析19-CPI的分析和研究
  • 【C++ | 拷贝构造函数】一文了解C++的 拷贝(复制)构造函数
  • 【工具】Vmware17 安装mac(13.6.7)虚拟机