在ECMAScript 6中引入，我们现在可以使用代理以一种新的方式处理未定义。它可以用于为任何不存在的财产设置默认值，这样我们就不必每次都检查它是否实际存在。

var handler = {
  get: function(target, name) {
    return name in target ? target[name] : 'N/A';
  }
};

var p = new Proxy({}, handler);
p.name = 'Kevin';
console.log('Name: ' +p.name, ', Age: '+p.age, ', Gender: '+p.gender)

将输出以下文本而不会得到任何未定义。

Name: Kevin , Age: N/A , Gender: N/A

我想向您展示我正在使用的一些东西，以保护未定义的变量：

Object.defineProperty(window, 'undefined', {});

这禁止任何人更改window.undefined值，从而破坏基于该变量的代码。如果使用“usestrict”，任何试图更改其值的行为都将以错误告终，否则将被忽略。

问题归结为三种情况：

对象具有属性，其值未定义。对象具有属性，其值未定义。对象没有属性。

这告诉了我们一些我认为重要的事情：

未定义成员和具有未定义值的已定义成员之间存在差异。

但不幸的是，obj.foo的类型并不能告诉我们这三种情况中的哪一种。然而，我们可以将其与obj中的“foo”结合起来，以区分情况。

                               |  typeof obj.x === 'undefined' | !("x" in obj)
1.                     { x:1 } |  false                        | false
2.    { x : (function(){})() } |  true                         | false
3.                          {} |  true                         | true

值得注意的是，这些测试对于空条目也是相同的

                               |  typeof obj.x === 'undefined' | !("x" in obj)
                    { x:null } |  false                        | false

我认为，在某些情况下，检查属性是否存在比检查是否未定义更有意义（而且更清楚），而这种检查唯一不同的情况是情况2，这是对象中实际条目具有未定义值的罕见情况。

例如：我刚刚重构了一堆代码，这些代码对对象是否具有给定属性进行了大量检查。

if( typeof blob.x != 'undefined' ) {  fn(blob.x); }

如果不检查未定义，则更清楚。

if( "x" in blob ) { fn(blob.x); }

但正如前面提到的，这些并不完全相同（但已经足够满足我的需求）。

if (somevariable == undefined) {
  alert('the variable is not defined!');
}

您也可以将其转换为函数，如下所示：

function isset(varname){
  return(typeof(window[varname]) != 'undefined');
}

我在这里为那些希望得到奇怪答案的人提供了三种方法：

函数为Undefined1（val）{尝试{值a；}捕获（e）{返回/未定义/测试（e.message）；}return false；}函数为Undefined2（val）{回来val&&val+“”==“未定义”；}函数未定义3（val）{常量defaultVal=｛｝；return（（input=defaultVal）=>input==defaultVal（val）；}功能测试（func）{console.group（`test start:`+func.name）；console.log（func（未定义））；console.log（func（null））；console.log（函数（1））；console.log（函数（“1”））；console.log（函数（0））；console.log（func（｛｝））；console.log（func（函数（）｛｝））；console.groupEnd（）；}测试（isUndefined1）；测试（未定义2）；测试（未定义3）；

未定义1：

尝试获取输入值的属性，并检查错误消息（如果存在）。如果输入值未定义，则错误消息将为Uncaught TypeError：无法读取未定义的属性“b”。

未定义2：

将输入值转换为字符串以与“undefined”进行比较，并确保其为负值。

未定义3：

在JavaScript中，当输入值完全未定义时，可选参数会起作用。

在ECMAScript 6中引入，我们现在可以使用代理以一种新的方式处理未定义。它可以用于为任何不存在的财产设置默认值，这样我们就不必每次都检查它是否实际存在。

var handler = {
  get: function(target, name) {
    return name in target ? target[name] : 'N/A';
  }
};

var p = new Proxy({}, handler);
p.name = 'Kevin';
console.log('Name: ' +p.name, ', Age: '+p.age, ', Gender: '+p.gender)

将输出以下文本而不会得到任何未定义。

Name: Kevin , Age: N/A , Gender: N/A