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

2023年8月5日 158次阅读 来源: 机智的马里奥

写在开头

这篇文章是面试系列的第一篇，写这个系列其实不仅仅是为了找工作，也是想将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
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞