js的undefined和null的区别（二）

2023-09-14 03:50:44

null来自哪里？

null是一个特殊的JavaScript值，表示一个空对象引用。它来自哪里呢？

显式赋值： 你可以使用null显式地将一个变量赋值为null。例如：

let x = null;

函数返回值： 当一个函数没有返回值时，它会隐式地返回null。例如：

function foo() {
  // 没有返回值
}

let x = foo(); // x的值为null

对象属性不存在： 当一个对象的属性不存在时，访问该属性会得到null。例如：

let obj = {};

console.log(obj.name); // 输出null

数组元素不存在： 当一个数组的元素不存在时，访问该元素会得到null。例如：

let arr = [];

console.log(arr[1]); // 输出null

什么情况下会得到null？

除了上面列出的情况之外，以下情况也会得到null：

当你使用getElementById()方法来获取一个不存在的元素时。例如：

let element = document.getElementById('container');

if (element === null) {
  // 元素不存在
}

当你使用querySelector()方法来获取一个不存在的元素时。例如：

let element = document.querySelector('.container');

if (element === null) {
  // 元素不存在
}

当你使用JSON.parse()方法来解析一个无效的JSON字符串时。例如：

let json = '{"name": "John Doe"}';

let obj = JSON.parse(json);

if (obj === null) {
  // JSON字符串无效
}

当你使用XMLHttpRequest对象来发送一个请求时，如果请求失败，你将得到一个null的响应。例如：

let xhr = new XMLHttpRequest();

xhr.open('GET', 'https://example.com/api/users');

xhr.onload = function() {
  if (xhr.status === 200) {
    // 请求成功
  } else {
    // 请求失败
    console.log(xhr.response); // 输出null
  }
};

xhr.send();