JS中null和undefined的区别以及使用情况

JS中null和undefined的区别以及个人使用情况总结

废话不多说，直接说正文

JavaScript中的null和undefined
JavaScript中代表没有的有两个，一个是null,一个是undefined，我们可以将它这么理解null:空对象指针->没有具体的值 ，undefined:未定义->连东西都没有 ， null是属性存在但是值不存在，undefined是连这个属性都不存在。

大家可能听得有点懵，我们举个更加能让人理解的例子：杰克的女朋友为null，杰克的男朋友为undefined。杰克的女朋友为null说明可以拥有女朋友这个事物，但是现在没有，杰克的男朋友为undefined，指的是杰克不不仅现在没有男朋友，以后也不可能有，连男朋友这个属性都不存在，因为杰克是男的。这个例子人人都能懂，大家如果以后遇到null和undefined可以想想这个例子

---

下面说说null和undefined在JavaScript使用的几个常见的例子

• document.parentNode(浏览器天生自带的一个属性:父亲节点的属性)->null(因为一个页面中的document已经是最顶级元素了,它没有父亲)
• document.parentnode ->undefined(因为没有parentnode属性)

---

接下来这部分主要是null的

• 我们设定一个变量,后期需要使用,那么前期我们设置默认值为null

 var timer=null;
  function move(){
     window.clearTimeout(timer);
     <js code>
     timer=window.setTimeout(move,1000);
  }

• 在JS内存释放中，我们想释放一个堆内存，就让其值变为null即可

 var obj={name:"mature星"};
   obj=null;

刚开始开辟的这个堆内存null之后就没有被占用了,浏览器会在空闲的时候把它销毁掉

• 我们通过DOM中提供的属性和方法获取页面中的某一个元素标签，如果当前这个标签不存在，获取的结果是null，而不是undefined

document.getElementById("div1")

如果页面中没有#div1,获取的结果就是null

• 在正则的exec/字符串的match捕获中,如果当前要捕获的字符串和正则不匹配的话，捕获到的结果为null

   var reg=/\d+?/g;
   var str="zhufengpeixun";
   reg.exec(str); //null
   str.match(reg);//null

大家可以自己试试String上的replace方法不能匹配到应该也是null吧，而不是undefined

---

接下来主要是undefined的

• 在JS预解释的时候，只声明未定义，默认的值是undefined

console.log(num); //undefined
   var num=13;

• 在一个函数中，如果没有写return,或者return后啥都没返回，默认的返回值是undefined

function fn(){

   }
   var res=fn();
   console.log(res);//undefined

• 函数中设置了形参，但是执行的时候如果没有传递参数值，那么形参默认值是undefined

function sum(a,b,c){
    console.log(a,b,c); //2,3,undefined
    console.log(a+b+c); //NaN  2+3+undefined=NaN
}
sum(2,3);

• 获取一个对象的属性名对应的属性值，如果当前的这个属性名不存在的话，属性值默认是undefined

 var obj={};
   console.log(obj.name); //undefined

---

以上我就我为大家分享的，仅是我遇到的常见的，而且容易说明的，深入的我暂时没有遇到（因为我还没有深入），如果平时容易遇到的，我没有罗列出来，大家积极留言，最后，希望大家在学习JavaScript的过程的多写，多实践，不能只看书，这样才能掌握的更牢固，哈哈我是新手，我叫mature星