继上篇学习的“对象的可选链操作符”

最新推荐文章于 2024-07-18 15:48:23 发布
最新推荐文章于 2024-07-18 15:48:23 发布
阅读量99 收藏
点赞数 2
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a4867/article/details/139457021
版权

继上篇获取到数据后的渲染

不过我不太懂框出来的？的作用，为什么不能直接.访问呢

省流:这里的问号是一个叫可选链操作符的东西，简单来说就是如果对象中有?后的参数就传，没有就不传，不会报错

我将问号删掉后发生以下报错，但是服务还是正常的

这是数据的结构图

百度错误，发现这个是条件语句，作用是访问属性是否存在于该对象上

往下翻发现确实有的有children，有的没有。问题解决

a4867
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
MATLAB算法实战应用案例精讲-【人工智能】SLAM（概念篇）（最终篇）
qq_36130719的博客
06-06 1138
针对环境的描述（地图），目前各国研究者已经提出了多种表示法，大致可分为三类：栅格表示、几何信息表示和拓扑图表示，每种方法都有自己的优缺点。栅格地图表示法即将整个环境分为若干相同大小的栅格，对于每个栅格，各自指出其中是否存在障碍物。这种方法最早由Elfes和Moravec提出，而后Elfes进行了进一步的研究。优点是：(1)创建和维护容易， (2) 尽量保留了整个环境的各种信息， (3)借助于该地图，可以方便地进行自定位和路径规划。
狂神说java java基础篇 学习笔记
weixin_45975667的博客
03-29 1632
狂神说java java基础篇学习笔记，包括了狂神基础视频的所有内容
学习Vue2.x这一篇就够了
轻松的小希
12-09 3万+
目录第一章 Vue2.x快速入门1.1、Vue2.x官网1.2、Vue2.x介绍1.3、Vue2.x特点1.4、Vue2.x入门1.5、Vue2.x实例1.5.1、el1.5.2、data1.5.3、methods1.5.4、watch1.5.5、computed第二章 Vue2.x指令指南2.1、模板语法2.1.1、插值2.1.1.1、text2.1.1.2、html2.1.1.3、attribute2.1.1.4、expression2.1.2、指令2.1.2.1、参数2.1.2.2、动态参数2.1.2
全日制英国硕士词汇篇V1.3（持续更新）
热门推荐
欢迎！欢迎来到17号城市！
03-05 6万+
下面的所有词汇与例句都是在英国留学期间， 学到的、听到的、见到的，都来自英语母语使用者，其中包括： 学校、同学、教授、教职人员、以及生活中形形色色的人， 这篇文章有助于还没去英国的同学提前掌握一些高频词汇， 以便于在日后的留学生活中更加游刃有余， 对于高频词汇一定要掌握它们的听说读写，形成肌肉记忆。
MySQL学习笔记-基础篇1
xu_jin_shan的博客
02-26 1074
MySQL 学习笔记–基础篇1 1.数据库概述与MySQL安装 2.基本SELECT语句 3.运算符 4.排序与分页 5.多表查询 6.单行函数 7.聚合函数
基于Arduino的嵌入式入门实践 学习笔记
gxfun110的博客
06-19 741
如图所示为一个Arduino UNO板14个输入输出引脚（0~13），其中（3，5,6,9,10,11）可以作为PWM输出6个模拟输入（A0~A5）1个UART硬件串口1个电源插孔，1个ICSP插座和1个复位按钮1个USB接口，与计算机连接，可以供电和通信序号pin功能1GND地线2IO0/GPIO0工作模式选择：①悬空：Flash Boot，工作模式 ②下拉：UART DownLoad 下载模式3IO2/GPIO2通用IO4RX/RXD数据接收端5。
MySQL 入门到高级：基础篇 上篇——尚硅谷 2021年
末影小黑xh的博客
08-21 3404
第 1 章：数据库概述第 2 章：MySQL 环境搭建把数据保存到可掉电式存储设备中以供之后使用。大多数情况下，特别是企业级应用，数据持久化意味着将内存中的数据保存到硬盘上加以”固化”，而持久化的实现过程大多通过各种关系数据库来完成。持久化的主要作用是将内存中的数据存储在关系型数据库中，当然也可以存储在磁盘文件、XML 数据文件中。QQ 消息列表的数据存储。Oracle1979 年，Oracle 2 诞生，它是第一个商用的 RDBMS（关系型数据库管理系统）。
前端重新学习（0）JavaScript-理解 面向对象的程序设计
qq_16546829的博客
09-23 211
什么是面向对象 http://shem.xin/article-5 本文结构   创建对象 对象的继承（有些不是很理解-后续会更新）   官方定义：对象是拥有属性和方法的数据。 对象和函数比较： 函数是用来实现具体功能的代码，用一种方式把他们组织起来，就是函数了。                                    对象是有属性和方法的一个东西，...
从小白开始学vue学习笔记（二）——事件篇
小菜鸡程序媛的挣扎史
08-28 509
目录 一、事件处理 1、监听事件 2、事件处理方法 3、内联处理器种的方法 4、事件修饰符 默认冒泡 5、按键修饰符 （1）按键符 （2）系统修饰符 （3）.exact修饰符 （4）鼠标按钮修饰符 6、为什么在HTML中监听事件 二、表单输入绑定 1、基础用法 2、文本 3、多行文本 4、复选框 5、单选按钮 6、选择框 7、值绑定 （1）复选框 ...
可选链操作符？.
01-08
可选链操作符?.能够去读取一个被连接对象的深层次的属性的值而无需明确校验链条上每一个引用的有效性。?.运算符功能类似于.运算符，不同之处在于如果链条上的一个引用是nullish (null 或 undefined)，.操作符会引起...
js 简单实现可选链操作符
05-26
可选链操作符( ?. )允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 . 链式操作符，不同之处在于，在引用为空(nullish ) (null 或者 undefined) 的情况下不会...
JS使用new操作符创建对象的方法分析
10-16
在JavaScript中，`new`操作符是用于创建对象的关键字，尤其在进行面向对象编程时不可或缺。本文将深入探讨`new`操作符的工作原理以及如何使用它来创建对象。 首先，`new`操作符的主要作用是执行以下四个步骤： 1. ...
面向对象——操作符
01-20
总结来说，这些操作符和方法在面向对象编程中扮演着关键角色，它们帮助我们理解和操作对象及其属性，尤其是在涉及原型链和继承关系时。正确使用这些工具，可以更有效地管理和调试代码，确保面向对象设计的准确性和...
Kotlin新手基础学习之Elvis操作符
01-20
在Kotlin编程语言中，Elvis操作符 (`?:`) 是一个非常实用的特性，它提供了一种简洁的方式来处理可能的null值。Kotlin的设计目标之一就是消除Java中的空指针异常，而Elvis操作符正是这个目标的一个体现。在本文中，...
vue3前端开发-小兔鲜项目-人气推荐栏目的前端渲染
最新发布
yrldjsbk的博客
07-18 350
除了必要的import导入之外，剩余的就是直接调用了，赋值了。经历过上一次的，新鲜好物的栏目渲染之后，我们已经熟练了，vue3的接口调用，数据渲染到页面中的整体流程。如图，我们已经做好了，列表的渲染赋值。里面可以看见，顶部是脚本，中间是模板，底部是样式。在首页面，内容里面，会看见很多内容，上期内容我们已经完成了新鲜好物的渲染操作。1：打开接口文档，查询：人气推荐栏目的接口地址信息和参数，返回值对象信息等。以上内容就是，已经写好的，HomeHot的模板代码了。如图，地址信息和调用的方式已经清楚了。
Web前端-Web开发CSS基础6-弹性盒子
a15735748145a的博客
07-16 1295
10. stretch，这意味着弹性盒子在布局的时候，不论是一行一行地布局，还是一列一列地布局，垂直方向上的各元素都将会自动扩展，以填满父元素的高度。11. stretch，这意味着弹性盒子在布局的时候，不论是一行一行地布局，还是一列一列地布局，垂直方向上的各元素都将会自动扩展，以填满父元素的高度。12. stretch，这意味着弹性盒子在布局的时候，不论是一行一行地布局，还是一列一列地布局，垂直方向上的各元素都将会自动扩展，以填满父元素的高度。
【前端】JavaScript入门及实战6-10
weixin_45980065的博客
07-17 569
如果使用Number表示的数字超过了最大值，则会返回一个Infinity，表示正无穷，typeof是number。NaN是一个特殊的数字，不是数字：not a number，是一个字面量，typeof是number。但是注意，null和undefined这两个值没有toString()方法，如果调用会报错。它会将null直接转换为"null"，将undefined直接转换为"undefined"当声明一个变量，但是并不给变量赋值时，它的值就算undefined。该方法不会影响原变量，它会将转换的结果返回。
【Vue】 style中的scoped
DX390609的博客
07-15 168
在vue文件中的style标签上，有一个特殊的属性：scoped。当一个style标签拥有scoped属性时，它的CSS样式就只能作用于当前的组件，通过该属性，可以使得组件之间的样式不互相污染。
js 可选链操作符
05-25
JavaScript 的可选链操作符（Optional Chaining Operator）是一种新的语言特性，它可以让我们在访问对象的属性或方法时，不必担心访问的对象是否为 null 或 undefined。这个操作符是一个问号（?）和一个点号（.）...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值