### 知识点详解
#### JavaScript中null与undefined的区别
在JavaScript中，`null` 和 `undefined` 都表示无值的概念，但是它们有着本质的区别：
- `undefined` 是表示未定义变量或未指定值的特殊类型。当我们声明一个变量但未赋值时，这个变量的值就是 `undefined`。
```javascript
var a; // 未赋值，默认值为undefined
alert(a); // 输出 "undefined"
```
- `null` 是一个表示空的对象指针，用来表示没有对象被赋予给变量。在JavaScript中，`typeof null` 会返回 `"object"`，这是由于JavaScript的历史原因导致的一个bug，但这个bug被保留下来，以避免破坏现有的代码。
```javascript
var b = null;
alert(typeof b); // 输出 "object"
```
在实际编程中，我们不显式地把变量的值设置为 `undefined`，但是有时候会显式地使用 `null` 来表示一个空的值。
#### 如何判断JavaScript对象为null或者属性为空
要判断一个对象是否为 `null` 或者属性为空，可以使用 `typeof` 操作符，或者自定义的函数进行检测。
##### 使用 `typeof` 操作符
```javascript
var bj;
alert(bj); // 输出 "undefined" 因为未初始化
bj = null;
alert(typeof bj); // 输出 "object" 因为null被处理为一个空对象指针
```
##### 自定义函数检测
为了区分空对象 `{}` 和 `null`，可以使用以下两个函数：
- `isEmpty(obj)`：检测一个对象是否为空对象（不包含任何可读属性）。这个函数遍历对象的所有属性，如果发现有任何属性存在，则返回 `false`，否则返回 `true`。
```javascript
function isEmpty(obj) {
for (var name in obj) {
return false; // 一旦发现属性存在就返回false
}
return true; // 循环结束，没有发现任何属性，返回true
}
```
测试用例：
```javascript
var a = {};
a.name = 'realwall';
console.log(isEmpty(a)); // 输出 false，因为a有属性name
console.log(isEmpty({})); // 输出 true，因为这是一个空对象
console.log(isEmpty(null)); // 输出 true，因为null不是一个对象
```
- `isOwnEmpty(obj)`：检测一个对象是否为空对象（不包含任何可读属性），且只检测对象本身的属性，不包括从原型链继承的属性。
```javascript
function isOwnEmpty(obj) {
for (var name in obj) {
if (obj.hasOwnProperty(name)) {
return false; // 如果发现对象本身具有属性，返回false
}
}
return true; // 所有属性都是继承的，返回true
}
```
##### 对比 `{}` 和 `null`
- `{}` 是一个空对象字面量，即一个没有任何属性的对象。
- `null` 是一个表示空值的字面量。
当你将 `null` 分配给一个变量时，该变量将不再引用其先前引用的任何对象。
```javascript
var b = null;
b.name = 'jim'; // 报错，因为null不能作为对象使用
b = a; // 现在b和a指向同一个对象
b.name = 'jam';
alert(a.name, b.name); // 输出 "jam, jam"
```
当使用 `for...in` 循环遍历对象的属性时，即使参数为 `null` 也不会抛出语法错误，这是因为尽管不能向 `null` 添加属性，但可以使用 `for...in` 遍历其原型链上的属性。
#### 总结
在使用JavaScript进行编程时，正确理解 `null` 和 `undefined` 的区别是很重要的。当我们需要表示一个变量没有引用任何对象时，应当使用 `null`。对于检测对象是否为空，要根据是否需要考虑从原型链继承的属性，选择合适的函数进行判断。注意，当使用 `for...in` 遍历对象时，也应当注意 `null` 和 `undefined` 对象的使用限制。
