空值合并运算符和可选链操作符

程序员大臣

已于 2023-01-11 17:53:55 修改

阅读量120

点赞数 1

文章标签： javascript 前端面试 Powered by 金山文档

于 2023-01-11 17:19:35 首次发布

本文链接：https://blog.csdn.net/moraxz/article/details/128648022

版权

本文展示了如何在JavaScript中使用??空值合并运算符和?.可选链操作符。`handle`函数演示了??运算符如何在对象属性不存在时返回默认值，而`handle2`函数则利用?.可选链操作符安全地调用回调函数，避免了回调函数未定义时抛出错误。

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

??空值合并运算符和 ?.可选链操作符的代码使用演示

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>

  <script>
     // ??空值合并运算符     ?.可选链操作符
     function handle(day){
      let b = 0
      let obj = {
        'k0':0,
        'k2':1,
        'k3':2
      }
      // ??空值合并运算符
     d = obj[day] ?? -1
     console.log(d);
     }
     handle('k2')

    //  定义函数,定义传入形参
    function handle2(n,callback){
      console.log(n);
      // 方式一
      // if(callback){
      //   callback()
      // }

      // 方式二
      // callback && callback()

      // 方式三---->可选链操作
      callback?.()
    }

    // 函数调用(第一个实参是666,第二个实参可以是一个回调函数)
    handle2(666,()=>{
      console.log(555);
    })
  </script>
</body>
</html>

后台打印输出结果