可选连操作符用法

最新推荐文章于 2023-08-08 07:19:40 发布
最新推荐文章于 2023-08-08 07:19:40 发布
阅读量559 收藏
点赞数
分类专栏： vue 文章标签： javascript vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/QZ9420/article/details/121487708
版权

可选链操作符( ?. )允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 . 链式操作符，不同之处在于，在引用为空(nullish ) (null 或者 undefined) 的情况下不会引起错误，该表达式短路返回值是 undefined。与函数调用一起使用时，如果给定的函数不存在，则返回 undefined。
使用场景：如图
在这里插入图片描述
控制台输出：
在这里插入图片描述

予倾
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Optional Chaining 可选连语法介绍
m0_63855883的博客
06-05 340
在不使用可选链语法的情况下，我们在访问一个复杂对象时，需要对每一级属性的存在性做逐一检查，以免出现“不可读属性”的错误。而可选链语法可以帮助我们简化这个操作。
可选链操作符 ?.
qq_48557089的博客
04-20 1007
可选链操作符 ?. 允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每个引用是否有效。 此方法不兼容IE浏览器 一、语法 obj?.prop // 对象属性是否存在 obj?.[expr] // 同上 arr?.[index] // 数组元素是否存在 func?.(...args) // 函数或对象方法是否存在 二、基本用法 1. 查找一个深度嵌套的可能不存在的子属性时 let nestedProp = obj.first && obj.first.second; // 代.
可选链操作符的使用
weixin_48969871的博客
11-01 647
官网定义： 可选链操作符(?.)允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每个引用是否有效。?.操作符的功能类似于.链式操作符，不同之处在于，在引用为空(nullish)(null或者undefined) 的情况下不会引起错误，该表达式短路返回值是undefined。与函数调用一起使用时，如果给定的函数不存在，则返回undefined。 优点：当尝试访问可能不存在的对象属性时，可选链操作符将会使表达式更短、更简明。在探索一个对象的内容时，如果不能确定...
4个优雅的JavaScript运算符使用技巧
JWT的博客
04-30 217
ECMAScript发展进程中，会有很多功能的更新，比如销毁，箭头功能，模块，它们极大的改变JavaScript编写方式，可能有些人喜欢，有些人不喜欢，但像每个新功能一样，我们最终会习惯它们。 新版本的ECMAScript引入了三个新的逻辑赋值运算符：空运算符，AND和OR运算符，这些运算符的出现，也是希望让我们的代码更干净简洁，下面分享几个优雅的JavaScript运算符使用技巧 一、可选链接运算符【？.】 可选链接运算符（Optional Chaining Operator） 处于ES2020提案的第4
javascript可选操作符 (?.)
qq_38110572的博客
06-15 2496
?. 语法在ES2020 中被引入，用法如下： obj.val?.pro // 如果`val`存在，则返回`obj.val.prop`，否则返回 `undefined`。 obj.func?.(args) // 如果 obj.func 存在，则返回 `obj.func?.(args)`，否则返回 `undefined`。 obj.arr?.[index] // 如果 obj.arr 存在，则返回 `obj.arr?.[index]`，否则返回 `undefined`。 //假设我们有一个对象 let
操作符练习
Amoralmmm的博客
07-29 117
1.写一个函数返回参数二进制中 1 的个数，比如： 15 0000 1111 4 个 1 #include<stdio.h> #include<stdlib.h> int main() { int num = -1; int i = 0; int count = 0; for (i = 0; i < 32; i++) { if (((num >&...
【JavaScript】可选链操作符
最新发布
小秀的博客
08-08 625
可选链操作符（Optional Chaining Operator）是一种 JavaScript/TypeScript 中的语法特性，用于简化对可能为空或未定义的属性或方法的访问。在访问一个对象的属性或方法时，通常需要先检查该对象是否为 null 或 undefined，以避免产生错误。可选链操作符的优点在于它简化了对多层嵌套属性或方法的访问，避免了手动进行非空判断的繁琐性。为 null 或 undefined，那么。将为 undefined，而不是抛出错误。
js 简单实现可选链操作符
05-26
可选链操作符( ?. )允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 . 链式操作符，不同之处在于，在引用为空(nullish ) (null 或者 undefined) 的情况下不会...
PHP 范围解析操作符（::）用法分析【访问静态成员和类常量】
01-20
范围解析操作符（也可称作 Paamayim Nekudotayim）或者更简单地说是一对冒号，可以用于访问静态成员，类常量，还可以用于覆盖类中的属性和方法。 当在类定义之外引用到这些项目时，要使用类名。 自 PHP 5.3.0 起，...
ecmascript-types:ECMAScript可选的静态键入建议http
03-21
ECMAScript提案：可选的静态键入该提议的当前状态是-1。目前处于理论状态，可以更好地了解类型如何在Javascript中起作用，以及它们可能对将来的建议带来的长期未来利益或复杂性。基本原理完成TypedArrays和类的确定...
mysql数据库的基本操作语法
12-05
中括号部分可选的，判断该数据不存在就创建 4、 切换、使用指定数据库 use dbName; 5、 显示当前使用数据库所有的表对象 show tables； 6、 显示表结构describe（desc） desc tableName; 7、 创建一张表 create ...
MongoDB查询之高级操作详解（多条件查询、正则匹配查询等）
01-19
MongoDB查询之高级操作 语法介绍 MongoDB查询文档使用find()方法，同时find()方法以非结构化...-- projection：可选，投影操作符，用来指定需要返回的键（默认省略） -- 例1：查询users集合中年龄为18的所有文档 db.use
可选链 ?.
叮当的猫猫的博客
10-27 2128
一、可选链三种语法形式 1.obj ?.prop. --------如果obj 存在则返回 obj.prop ,否则返回 undefined。 2.obj ?.[prop] -------如果存在则返回obj[prop] ，否则返回undefined。 3.obj.method?.()------如果obj.method 存在则调用obj.method(),否则返回undefined。 正如我们所看到的，这些语法形式用起来都很简单直接，检查左边部分是否为 null/undefined，如果不是则继续
可选链操作符
無業䢟民的博客
03-05 338
简介 可选链操作符( ?. )允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 . 链式操作符，不同之处在于，在引用为空(nullish ) (null 或者 undefined) 的情况下不会引起错误，该表达式短路返回值是 undefined。与函数调用一起使用时，如果给定的函数不存在，则返回 undefined。 当尝试访问可能不存在的对象属性时，可选链操作符将会使表达式更短、更简明。在探索一个对象的内容时，如果不能确定哪些属性必定存在，可选链操作符也
ES6+ 可选链操作符
很酷的站长的博客
01-03 1306
上面的代码中，obj 是一个对象，在获取 obj 对象的属性 a 时，属性 a 没有被定义所以返回 undefined，第 3 行获取 obj 对象 a 下的 b，由于 obj 上没有 a 属性，再获取 a 上的 b 属性就会报错。一般这样的情况，在程序中需要做前置验证，大部分情况会借助&&来完成。上面的代码中第 2 行首先会判断obj.a的值，如果不为空则继续执行obj.a.b否则返回undefined。
浅谈可选链在前端的应用及实现
descire
01-11 402
一、前言  业务开发过程中，避免不了操作复杂的嵌套对象，而对于这种场景通常会遇到两个痛点：操作嵌套对象时缺少健壮性处理，从而触发运行时错误，进而导致页面白屏健壮性处理的方式不够优雅，出现大...
可选链?.
丹的博客
08-15 653
文章目录可选链存在的意义漫天遍地的可选链？ 可选链存在的意义 即使是最细心的程序员，也可能会不经意去访问一个不存在或者为空的值，导致代码报错。在没有可选链的时代，&&操作符通常是这个问题的最佳解决办法。 假如需要去访问一个user.name属性，可以采用下面的写法： user&&user.name; 当&&左边的值为真时，就返回右边的值；当左边的值为假时，直接返回假。上面的代码中只有user存在的时候才会继续访问它的name属性。 在es6中，引入了可选链的
父组件和子组件之间的相互传值
QZ9420的博客
12-04 7626
组件之间的传值： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <Father></Father> </div> <!--Father组件的模板--&gt
js 可选链操作符
05-25
JavaScript 的可选链操作符（Optional Chaining Operator）是一种新的语言特性，它可以让我们在访问对象的属性或方法时，不必担心访问的对象是否为 null 或 undefined。这个操作符是一个问号（?）和一个点号（.）...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值