检测未定义的对象属性

技术背景

在JavaScript中，准确检测对象属性是否未定义是常见的需求。但由于undefined的特殊性以及JavaScript语言的一些特性，使得检测未定义属性变得复杂。undefined既可以表示变量未赋值，也可以表示对象没有该属性。此外，在不同的JavaScript版本中，undefined的可写性也有所不同。

实现步骤

1. 检查属性值是否为undefined

if(o.myProperty === undefined) {
  alert("myProperty value is the special value `undefined`");
}

2. 检查对象是否实际拥有该属性

if(!o.hasOwnProperty('myProperty')) {
  alert("myProperty does not exist");
}

3. 检查标识符关联的值是否为undefined或标识符未声明

if(typeof myVariable === 'undefined') {
  alert('myVariable is either the special value `undefined`, or it has not been declared');
}

4. 避免undefined被重定义的情况

if(myVariable === void 0) {
  alert("myVariable is the special value `undefined`");
}

核心代码

获取所有未定义属性的路径

function getAllUndefined(object) {
    function convertPath(arr, key) {
        var path = "";
        for (var i = 1; i < arr.length; i++) {
            path += arr[i] + "->";
        }
        path += key;
        return path;
    }
    var stack = [];
    var saveUndefined = [];
    function getUndefiend(obj, key) {
        var t = typeof obj;
        switch (t) {
            case "object":
                if (t === null) {
                    return false;
                }
                break;
            case "string":
            case "number":
            case "boolean":
            case "null":
                return false;
            default:
                return true;
        }
        stack.push(key);
        for (k in obj) {
            if (obj.hasOwnProperty(k)) {
                v = getUndefiend(obj[k], k);
                if (v) {
                    saveUndefined.push(convertPath(stack, k));
                }
            }
        }
        stack.pop();
    }
    getUndefiend({
        "": object
    }, "");
    return saveUndefined;
}

最佳实践

• 检查变量是否未定义：通常使用typeof来检查未声明的变量，避免引用错误。

if(typeof myVar === "undefined") {
    // 处理未定义的情况
}

• 检查对象属性是否未定义：使用=== undefined来检查对象属性，简单直接。

if(obj.prop === undefined) {
    // 处理属性未定义的情况
}

• 检查对象是否有某个属性：使用in运算符。

if('prop' in obj) {
    // 对象有该属性
}

常见问题

1. undefined被重定义

在ES5之前，全局对象的undefined属性是可写的，可能导致foo === undefined的检查意外失败。现代JavaScript中，undefined是只读的，但函数内部仍可定义同名变量。可以使用void 0来获取真正的undefined值。

2. typeof的使用误区

typeof用于检查变量是否未定义时，可能会隐藏拼写错误。因为它不会抛出错误，而是返回false。例如：

var snapshot;
if (typeof snaposhot === 'undefined') {
    // 拼写错误，但不会抛出错误
}

3. 检查未声明的变量

直接使用myVar === undefined检查未声明的变量会抛出ReferenceError，而typeof myVar === 'undefined'不会。但应尽量避免这种情况，因为JavaScript是静态作用域语言，应明确变量是否声明。