console.log机制

2023-10-27

介绍

前端在调试的时候很多都使用了console.log,但大家都知道他的机制吗?

遇到问题

在想要获取一个对象的某一个属性的属性值的时候,因为发送了ajax请求,然后在mounted阶段打印对象的属性时为空,而打印对象显示要获取的属性有值。

机制介绍

console.log实际上打印的是对象的引用,网上对于这种对象中的属性有值而单独打印对象的属性没有值的情况有两种说法:1.打印是 I/O 操作,浏览器会置后执行 2.打印的是对象的引用

想要获取的对象的属性假定为obj.name

当在mounted阶段为obj.name赋值,然后在他后一行打印obj和obj.name会发现obj还是发送ajax后为他赋的值,所以证明了打印的是对象的引用而不是置后执行,因为obj.name是mounted阶段赋的值,说明打印是在mounted为obj.name赋值之后就打印了,而发送ajax之后对象的值发生了改变。

mounted() {
init();
obj.name = 2;
console.log(obj,obj.name)  // obj ,2
}

obj中的name是init()中发送ajax后用后端返回的数据赋值后的name。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

console.log机制 的相关文章

随机推荐

  • springboot整合kafka

    文章目录 步骤一 添加依赖项 步骤二 配置 Kafka 步骤三 创建一个生产者 步骤四 创建一个消费者 本教程将介绍如何在 Spring Boot 应用程序中使用 Kafka Kafka是一个分布式的发布 订阅消息系统 它可以处理大量数据并
  • JS使用IntersectionObserver进行图片懒加载

    JS图片懒加载 使用IntersectionObserver来进行图片懒加载 可能有兼容性问题 用isIntersecting属性判断是否加载图片 代码如下 下面展示一些 内联代码片
  • HTML统计用户浏览页面时间,js记录用户在网站的浏览记录和停留时间(2)

    问题 上次的代码确实解决了一部分用户访问记录的收集 但是还是存在一个问题就是 我们网站的注册 都是新页面打开的 如果用户刚进入网站就点击注册 打开了新的页面 我代码里用到的 onbeforeunload 就无法将用户进入的页面存储到本地了
  • GitKraken第一次使用创建仓库,出现提示克隆失败会话认证失败,无法打开公钥文件

    原因分析 自己添加了ssh密钥 在创建仓库时 会有一个show detail ssh setting 如果你和我一样点开了 并把这个密钥加到了GitHub 并且收到了邮件 恭喜你 犯了和我一样的错 解决方案 解决很简单 remove 移除那
  • 【NAS群晖drive异地访问】远程连接drive挂载电脑硬盘「内网穿透」

    文章目录 前言 1 群晖Synology Drive套件的安装 1 1 安装Synology Drive套件 1 2 设置Synology Drive套件 1 3 局域网内电脑测试和使用 2 使用cpolar远程访问内网Synology D
  • 微信小程序WebSocket使用案例

    一 Asp Net Core 6服务器端代码 服务器端WebScoket代码同上一篇博文 Asp Net Core6 WebSocket 简单案例 天马3798的博客 CSDN博客 二 微信小程序端WebSocket使用整理 1 wx co
  • day34 贪心

    1005 K次取反后最大化的数组和 按照一定的策略 先绝对值排序 再负数修正 最后对绝对值最小的数进行替换 再求和 134 加油站 判断是否可以从i 到达i 1 判断gas总量是否大于cost 135 分发糖果 采用两次遍历计算糖果数 pa
  • KEIL3新建TA89C51工程

    1 新建一个文件夹命名为TEST 如图所示 2 在TEST文件夹里面新建一个LED的空文件夹 如图所示 3 打开keil3依次点击Project New uVision Project 如图所示 4 找到最开始新建的文件夹TEST 并打开里
  • 学计算机编程配置需求,编程对电脑配置要求高吗?

    算法是编程的灵魂 是程序的核心组成 系统对程序算法的编译就是程序生成的过程 大型的应用程序如我们日常用的OFFICE办公工具 大家爱玩的吃鸡游戏等 其算法复杂 没有几年的苦心研发 编写代码 优化算法结构是看不出来了 由于这类程序的复杂性与庞
  • 二叉树知识点概

    树 一 树读常考性质 节点数 总度数 1 即除了根节点 每个节点都有一个入度 前驱 度为m的树和m叉树 度为m的树第i层至多有 m i 1
  • vscode中嵌入cppcheck进行静态检查,包含插件使用方法

    1 vscode下载插件cpp check lint 如图 下载好之后按ctrl shift p打开用户设置 user setting 在设置中追加加入以下代码 cppcheck配置 cpp check lint enable true 启
  • 贵州酒店集团过405拦截

    文章目录 一 为什么返回405 二 开发者怎么解除限制 一 为什么返回405 云盾是阿里巴巴集团多年来安全技术研究积累的成果 结合阿里云云计算平台强大的数据分析能力 为中小网站提供如安全漏洞检测 网页木马检测以及面向云服务器用户提供的主机入
  • QT多平台移植经验分享及问题解析

    Qt5与Qt4对比 没有Qt4用到的qws Qt5新增了QPA系统 基于QPA使得Qt5移植到一个新平台非常简单而又具有极强的底层扩展能力 同时 C 11 也获得全面支持 使用 C 11 新特性更为方便 下面讲述将Qt5 4 1移植到目标板
  • QQ红包金额分配算法

    最近对红包金额分配感兴趣 便整理了一个较简单的分配算法 思路 主要是通过随机函数对金额随机分配 由于金额与份数不断变化 如何保证分配前等概率呢 本例是将金额等分 取得均值 但第一份取左和取右等概率 故其最大值为右份边界 代码 include
  • linux copy_from_user 头文件,宋宝华: Linux为什么一定要copy_from_user ?

    网上很多人提问为什么一定要copy from user 也有人解答 比如百度一下 但是这里面很多的解答没有回答到点子上 不能真正回答这个问题 我决定写篇文章正式回答一下这个问题 消除读者的各种疑虑 这个问题 我认为需要从2个层面回答 第一个
  • MySQL5.7忘记root密码-最简单的修改密码方法

    我的上一篇博客 MySQL5 7忘记root密码 手动修改密码教程 讲的还算详细 对于Windows10 DOS命令下的修改MySQL数据库密码可能出现的一些问题都做了讲解 相比上一篇 这一片会简单化描述 1 停止MySQL服务 去任务管理
  • 性能测试LoadRunner深入浅出

    Da01 一 初步概念 1 功能测试 测试软件产品的功能是否达到要求 如 ATM取款 在线取款 是否成功 转账成功 表示功能实现了 一个人 2 性能测试 测试软件产品的性能是否达到要求 包括 时间性能 多用户共同使用时的性能 如 ATM取款
  • 作业:递归实现插入排序和在o(nlgn)时间复杂度内寻找和为定值的两个元素

    1 递归实现插入排序 基本思想 可以把插入排序看作递归 地排序A 1 n 1 然后插入a n 到已经排好序的序列a 1 n 1 中 一下是实现算法 C 描述 VS205中调试通过 class InsertSort static void M
  • 智能合约编写之Solidity的高级特性

    前言 FISCO BCOS使用了Solidity语言进行智能合约开发 Solidity是一门面向区块链平台设计 图灵完备的编程语言 支持函数调用 修饰器 重载 事件 继承和库等多种高级语言的特性 在本系列前两篇文章中 介绍了智能合约的概念与
  • console.log机制

    介绍 前端在调试的时候很多都使用了console log 但大家都知道他的机制吗 遇到问题 在想要获取一个对象的某一个属性的属性值的时候 因为发送了ajax请求 然后在mounted阶段打印对象的属性时为空 而打印对象显示要获取的属性有值