首页 > 软件开发 > JavaScript >

JavaScript合并空运算符(??)

来源:互联网 2023-03-17 00:47:09 版权归原作者所有,如有侵权,请联系我们

空值合并操作符(??)是一个逻辑操作符,当左侧的操作数为null或者undefined时,返回其右侧操作数,否则返回左侧操作数。Qp1办公区 - 实用经验教程分享!

方法/步骤

  • 1

    首先我们来了解一下ES5的写法:逻辑或操作符(||);Qp1办公区 - 实用经验教程分享!

    JavaScript合并空运算符(??)Qp1办公区 - 实用经验教程分享!

  • 2

    当ES5的写法:传入“空”或者 “0”,不被识别;Qp1办公区 - 实用经验教程分享!

    JavaScript合并空运算符(??)Qp1办公区 - 实用经验教程分享!

  • 3

    ES2020写法:用逻辑操作符??;Qp1办公区 - 实用经验教程分享!

    JavaScript合并空运算符(??)Qp1办公区 - 实用经验教程分享!

  • 4

    逻辑操作符??特殊情况:当传入“空”或者 “0”是能被识别到的;Qp1办公区 - 实用经验教程分享!

    JavaScript合并空运算符(??)Qp1办公区 - 实用经验教程分享!

  • 4
  • 5

    如果不想被识别的写法:可以用三目运算来规避;Qp1办公区 - 实用经验教程分享!

    JavaScript合并空运算符(??)Qp1办公区 - 实用经验教程分享!

  • 6

    直接写在参数里:传参数;Qp1办公区 - 实用经验教程分享!

    JavaScript合并空运算符(??)Qp1办公区 - 实用经验教程分享!

  • 7

    直接写在参数里:不传参数直接输出默认值;Qp1办公区 - 实用经验教程分享!

    JavaScript合并空运算符(??)Qp1办公区 - 实用经验教程分享!

  • 注意事项

    • 综合来看还是ES5逻辑或操作符||比较适用大多数情况

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!Qp1办公区 - 实用经验教程分享!


    标签: JAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号