zoukankan      html  css  js  c++  java
  • JavaScript null和undefined的区别

    前言

    1995年javascript诞生时,最初像Java一样,只设置了null作为表示”无”的值。根据C语言的传统,null被设计成可以自动转为0

    但是,javascript的设计者Brendan Eich,觉得这样做还不够,有两个原因。首先,null像在Java里一样,被当成一个对象。但是,javascript的值分成原始类型和对象类型两大类,Brendan Eich觉得表示”无”的值最好不是对象。其次,javascript的最初版本没有包括错误处理机制,发生数据类型不匹配时,往往是自动转换类型或者默默地失败。Brendan Eich觉得,如果null自动转为0,很不容易发现错误

    因此,Brendan Eich又设计了一个undefined。他是这样区分的:null是一个表示”无”的对象,转为数值时为0;undefined是一个表示”无”的原始值,转为数值时为NaN

    但是,目前null和undefined基本是同义的,都是原始类型,且只有一些细微的差别

    Undefined

    Undefined类型只有一个值,即特殊的undefined。在使用var声明变量但未对其加以初始化时,这个变量的值就是undefined,例如:

    var msg;
    msg === undefined // true
    
    等同于:
    var msg = undefined; // 使用undefined值显式初始化了变量message。但我们没有必要这么做,因为未经初始化的值默认就会取得undefined值。
    

    【undefined 出现场景】

    1、已声明未赋值的变量
    var i ;// undefined
    
    2、获取对象不存在的属性
    var o = {};
    o.i // undefined
    
    3、无返回值的函数的执行结果
    function f(){}
    f() // undefined
    
    4、函数的参数没有传入
    function f(x){return x;}
    f() // undefined
    
    5、void(expression)
    void(0) // undefined
    

    【类型转换】

    Boolean(undefined):  false
    Number(undefined):   NaN
    String(undefined):  'undefined'  
    

    【类型鉴别】
    鉴别undefined类型,使用typeof运算符即可

    typeof undefined ; // undefined
    

    [注意]由于undefined并不是一个关键字,其在IE8-浏览器中会被重写,在高版本函数作用域中也会被重写;所以可以用void 0 来替换undefined

    var undefined = 10;
    console.log(undefined);//IE8-浏览器下为10,高版本浏览器下为undefined
    
    function t(){
        var undefined = 10;
        console.log(undefined);
    }
    console.log(t());//所有浏览器下都是10
    

    Null

    Null类型是第二个只有一个值的数据类型,这个特殊的值是null。从逻辑角度来看,null值表示一个空对象指针,而这也正是使用typeof操作符检测null值时会返回"object"的原因,如下面的例子所示:

    var car = null;
    alert(typeof car);     // "object"
    // 不同的对象在底层都表示为二进制,在javascript中二进制前三位都为0会被判断为object类型,null的二进制表示是全0,所以执行typeof时返回'object'
    

    如果定义的变量准备在将来用于保存对象,那么最好将该变量初始化为null而不是其他值。这样一来,只要直接检查null值就可以知道相应的变量是否已经保存了一个对象的引用,如下面的例子所示:

    if (car != null){
        // 对car对象执行某些操作
    }
    

    实际上,undefined值是派生自null值的,因此ECMA-262规定对它们的相等性测试要返回true:

    null == undefined // true
    

    【类型转换】

    Boolean(null):   false
    Number(null):    0
    String(null):    'null'
    

    【类型鉴别】
    鉴别null类型,使用typeof运算符不可行,因为该运算符会返回'object',null被认为是空对象指针
    判断一个值是否为null类型的最佳方法是直接和null进行恒等比较

    console.log(typeof null);//'object'
    console.log(null === null);//true
    console.log(undefined === null);//false
    console.log('null' === null);//false
    

    undefined 和 null 的区别

    最后总结下二者的区别:

    1、null表示空对象指针而undefined表示未经初始化的变量
    2、数字类型转换时 Number(undefined) 是 NaN;而 Number(null) 是 0
    3、做类型判断的时候 undefined 使用typeof即可;而 null则不能使用typeof 而需要和自身进行比较 null === null

  • 相关阅读:
    wc
    1.11考试
    diff
    C++11新利器
    vimdiff
    [学习笔记]多项式
    rev
    [AH2017/HNOI2017]礼物
    tr
    bzoj2555: SubString
  • 原文地址:https://www.cnblogs.com/shiyou00/p/10647124.html
Copyright © 2011-2022 走看看