JavaScript 新语法「双问号语法」与「可选链语法」——2019年就有了……

快来打我* 2021-07-26 00:44 504阅读 0赞

今天看后端同事的代码，是全栈的后端同事，前端部分他也有涉及。

下面的代码，是vue+elementUi的框架：

<el-table-column prop="PlanName" label="盘点结果">
        <template slot-scope="scope">
            <span>
                <span>{ { scope.row.InventPlanBefore}}</span>/<span>{ { scope.row.InventPlanAfter??0}}</span>
            </span>
        </template>
    </el-table-column>

这行代码：`scope.row.InventPlanAfter??0` 我是第一次见到……  
我又孤陋寡闻了……

这个是2019年就已经有的javascript的语法，叫“双问号语法”

## ?? 双问号语法 ##

概念是 当左边的值为 null 或者 undefined 时，就返回右边的值

等同于 ||

再介绍一个可选链语法

## ?.可选链语法 ##

let body = { 
        value: { 
            a: '123321'
        }
    }

针对上面的对象，如果要实现 body存在时，返回body.value，否则返回undefined  
则需要这样写：  
`let flag = body ? body.value : undefined`

如果用可选链语法，则可以简写为：  
`let flag = body?.value`

如果要返回body.value.a的话，则可以简写为：  
`let a = body?.value?.a||100`//如果body.value.a不存在的话，则返回100固定值

参考文章：  
[双问号语法与可选链语法：https://learnku.com/articles/44224][https_learnku.com_articles_44224]

[https_learnku.com_articles_44224]: https://learnku.com/articles/44224

发表评论取消回复

表情：

评论列表（有 0 条评论，504人围观）

还没有评论，来说两句吧...

相关阅读

相关 C#新语法

首先介绍能够提升开发效率的C＃的新语法；然后对.NET Core中的一些常用的基础识进行重点讲解，包括异步编程、LINQ（language integrated query，语

深藏阁楼爱情的钟/ 2024年03月30日 17:36/ 0 赞/ 64 阅读

相关 JavaScript 语法

JavaScript 语法 -------------------- JavaScript 是一个程序语言。语法规则定义了语言结构。 ----------------

迈不过友情╰/ 2023年10月12日 21:56/ 0 赞/ 79 阅读

相关 JavaScript语法

![在这里插入图片描述][5c0c96069cf64661a36b7fc7e4991279.gif_pic_center] 文章目录一、JavaScript是什

小灰灰/ 2023年09月27日 15:26/ 0 赞/ 149 阅读

相关 JavaScript ES6新语法入门

[精选30+云产品，助力企业轻松上云！>>> ![hot3.png][]][30_ _hot3.png] 1.let&const let：声明的变量是局部变量 con

超、凢脫俗/ 2023年02月24日 11:06/ 0 赞/ 46 阅读

相关双问号操作符和可选链操作符

双问号操作符（`??`），也被称作空值合并运算符，当左侧的操作数为 `null` 或者 `undefined` 时，返回其右侧操作数，否则返回左侧操作数 const foo

Dear 丶/ 2022年09月16日 01:27/ 0 赞/ 160 阅读

相关 javascript语法

JS：基于对象和事件驱动的并且具有安全性能的解释型脚本语言特点：解释型：不需要编译，浏览器直接解释执行基于对象：我们可以直接使用JS已经创建的对象。 Main

古城微笑少年丶/ 2022年06月04日 04:36/ 0 赞/ 336 阅读

相关 JavaScript 语法

JavaScript 字面量在编程语言中，一个字面量是一个常量，如 3.14。数字（Number）字面量可以是整数或者是小数，或者是科学计数(e)

本是古典何须时尚/ 2022年05月22日 10:39/ 0 赞/ 259 阅读

相关 JavaScript 语法

JavaScript 语法是一套规则，它定义了 JavaScript 的语言结构 var x, y; // 如何声明变量 x = 7; y = 8; // 如

た入场券/ 2021年11月24日 00:46/ 0 赞/ 348 阅读

相关语法糖与语法盐

语法糖与语法盐语法糖语法盐语法糖语法糖（syntactic sugar）是指这样的一种语法，它使程序员完成某项功能更容易，缺少它并非会导致

た入场券/ 2021年09月25日 03:52/ 0 赞/ 569 阅读

相关 JavaScript 新语法「双问号语法」与「可选链语法」——2019年就有了……

今天看后端同事的代码，是全栈的后端同事，前端部分他也有涉及。下面的代码，是vue+elementUi的框架： <el-table-column prop="Pla

快来打我*/ 2021年07月26日 00:44/ 0 赞/ 505 阅读