• 技术文章 >web前端 >前端问答

    javascript中null是什么

    藏色散人藏色散人2021-09-01 14:03:17原创132

    javascript中null是JS提供的一种特殊值,表示缺少对象;在javascript中可以使用严格相等运算符来检查null值,其检查语句如“missingObject === null;”。

    本文操作环境:windows7系统、javascript1.8.5版,DELL G3电脑。

    javascript中null是什么?

    JavaScript中关于null的一切

    JavaScript有2种类型:基本类型(string, booleans number, symbol)和对象。
    对象是复杂数据结构,JS 中最简单的对象是普通对象:一组键关联值

    let myObject = {
      name: '前端小智'
    }

    但是在某些情况下无法创建对象。 在这种情况下,JS 提供一个特殊值null —表示缺少对象。

    let myObject = null

    1. null的概念

    值 null 特指对象的值未设置,它是 JS 基本类型 之一,在布尔运算中被认为是falsy。

    例如,函数greetObject()创建对象,但是在无法创建对象时也可以返回null:

    function greetObject(who) {
      if (!who) {
        return null;
      }
      return { message: `Hello, ${who}!` };
    }
    
    greetObject('Eric'); // => { message: 'Hello, Eric!' }
    greetObject();       // => null

    但是,在不带参数的情况下调用函数greetObject() 时,该函数返回null。 返回null是合理的,因为who参数没有值。

    2. 如何检查null

    检查null值的好方法是使用严格相等运算符

    const missingObject = null;
    const existingObject = { message: 'Hello!' };
    
    missingObject  === null; // => true
    existingObject === null; // => false

    missingObject === null的结果为true,因为missingObject变量包含一个null 值。

    如果变量包含非空值(例如对象),则表达式existObject === null 的计算结果为false

    2.1 null 是虚值

    nullfalse、0、''、undefined、NaN都是虚值。如果在条件语句中遇到虚值,那么 JS 将把虚值强制为false

    Boolean(null); // => false
    
    if (null) {
      console.log('null is truthy')
    } else {
      console.log('null is falsy')
    }

    2.2 typeof null

    type null的结果是什么

    typeof null; // => 'object'

    为什么是'object',typoef null为object是早期 JS 实现中的一个错误

    要使用typeof运算符检测null值。 如前所述,使用严格等于运算符myVar === null

    如果我们想使用typeof运算符检查变量是否是对象,还需要排除null值:

    function isObject(object) {
      return typeof object === 'object' && object !== null;
    }
    
    isObject({ prop: 'Value' }); // => true
    isObject(15);                // => false
    isObject(null);              // => false

    3. null 的陷阱

    null经常会在我们认为该变量是对象的情况下意外出现。然后,如果从null中提取属性,JS 会抛出一个错误。
    所以说我么你想要从一个对象上取属性的时候,要注意判断这个对象可能是null, 要不然的话可能会出错。

    【推荐学习:《javascript基础教程》】

    4. null 的替代方法

    当无法构造对象时,我们通常的做法是返回null,但是这种做法有缺点。在执行堆栈中出现null时,刚必须进行检查。

    尝试避免返回 null 的做法:

    5. null vs undefined

    undefined是未初始化变量对象属性的值
    nullundefined之间的主要区别是,null表示丢失的对象,而undefined表示未初始化的状态。

    提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档

    以上就是javascript中null是什么的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:javascript null
    上一篇:vue和uni-app的区别有什么 下一篇:vant和uni-app是什么框架
    线上培训班

    相关文章推荐

    • 使用JavaScript从数组中删除最后一项(3种方法)• 通过JavaScript在单击按钮后更改<a>标签的href值• JavaScript实现单击按钮后更改背景颜色(两种方法)• javascript nan什么意思

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网