前端面试(一) javascript中的null, undefined和undeclared

写在开头

这篇文章是面试系列的第一篇,写这个系列其实不仅仅是为了找工作,也是想将JS中重要的,容易混淆的知识点研究清楚,题目来自于github上的一个开源项目。

前端工作面试问题

undefined 和 undeclared 的区别:

  • undefined是一个JS类型,这个类型只有一个值,即特殊的undefined值。在使用var声明变量未对其对象初始化,这个变量的值就是undefined.
  • undeclared可以被看作是一种语法错误。所以我认为可以在称呼这两者时加以区分:
    • 值为undefined的变量

      var a=undefined; 
      var b;
      
    • undeclared的变量 (没有被声明的变量)

      a;
      b=10;
      
例子:

“variable age is undeclared”可以被理解成两种情况:

  • 第一种:既没有声明变量也没有赋值:
    javascript alert(age); //Uncaught ReferenceError: age is not defined

  • 第二种:没有声明变量但赋值了:隐式转换成全局变量
    “`javascript
    function test(){
    age= 10;
    var yourAge=20;
    }
    test();

          alert("age:"+age);  //10
          alert("your age:"+yourAge);  //Uncaught ReferenceError: yourAge is not defined
      ```
    
    • 第二种情况test方法里的age因为没有声明(undeclared),被JS引擎当做全局变量使用,所以在test方法外也能被获取到,而yourAge在test方法里被正确声明以及赋值,它的作用域仅限于在test方法内被使用,所以想从方法外调用时会报错,因为无法在test()方法外找到yourAge变量,和第一种的undeclare相似。

undefined 和 null

  • null类型和undefined的一样,也是一个只有一个值的数据类型,这个特殊的值是null。
  • alert(undefined==null)//true
本质区别:
  • null表示一个值被定义了,定义为”空值”
  • undefined 表示根本不存在定义
用法区别:
  • null的用法:

    • 意在保存对象的变量还没有真正保存对象,就应该明确地让该变量保存null值。
    • 对象原型链的终点
    • 作为函数的参数,表示该函数的参数不是对象
  • undefined的用法:

    • 变量被声明但没有被赋值. var a;
    • 调用函数时,应该提供的参数没有提供,该参数等于undefined.
    function f(x){
        alert(x);
    }
    f(); //x undefined
    
    • 对象没有赋值的属性,该属性的值为undefined.
    var person=new object();
    person.age //age undefined
    
    • 函数没有返回值时,默认返回undefined
    var x=f();
    x //undefined
    

如何检测null, undefined和undeclared

    ```
        var a=null;
        var b;
        
        alert(typeof a);    //object
        alert(typeof b);    //undefined
        alert(typeof c);    //undefined
    ```

参考

    原文作者:机智的马里奥
    原文地址: https://www.jianshu.com/p/3adf77175dc9
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞