zoukankan      html  css  js  c++  java
  • TypeError: ### is null,空指针导致的报错

    开发中你无法保证后台给你的数据是不是有值的,所有前端应该抱着对后台不信任的原则,做好安全防控,不然很容易出bug报错。
    比如

     data.closingCustomDateType = {
           key:
               data.closingCustomDateType &&
               data.closingCustomDateType.id || 1,
          label:
               data.closingCustomDateType &&
               data.closingCustomDateType.name || '请选择时间',
          value:
               data.closingCustomDateType &&
               data.closingCustomDateType.id || 1,
    };
    

    如果data是null或者underfind的时候就报错了,那我们如何来防止这样没必要的错误呢
    方法一:

    data.closingCustomDateType = {
          key:
              data &&
              data.closingCustomDateType &&
              data.closingCustomDateType.id || 1,
          label:
               data &&
               data.closingCustomDateType &&
               data.closingCustomDateType.name || '请选择时间',
          value:
               data &&
               data.closingCustomDateType &&
               data.closingCustomDateType.id || 1,
    };
    

    方法二(需要babel7支持):

    data.closingCustomDateType = {
          key:data?.closingCustomDateType?.id || 1,
          label:data?.closingCustomDateType?.name || '请选择时间',
          value:data?.closingCustomDateType?.id || 1,
    };
    

    好了,要是有其他的方法,欢迎留言分享

  • 相关阅读:
    Java 概述
    vue组件事件
    小程序注册
    小程序基础知识梳理
    小程序简介
    公众号
    jeecg-boot
    小程序背景图
    bootstrap-select采坑
    存取cookie
  • 原文地址:https://www.cnblogs.com/qianyy/p/12751120.html
Copyright © 2011-2022 走看看