在JavaScript中，有truthy和falsy表达式。如果要检查属性是否未定义，可以直接使用给定的If条件，

使用真/假概念。

if(!ob.someProp){
    console.log('someProp is falsy')
}

然而，还有几种方法可以检查对象是否具有属性，但对我来说似乎很长。

使用==未定义的签入if条件

if(ob.someProp === undefined){
    console.log('someProp is undefined')
}

使用的类型

typeof充当未定义值和变量是否存在的组合检查。

if(typeof ob.someProp === 'undefined'){
    console.log('someProp is undefined')
}

使用hasOwnProperty方法

JavaScript对象已在对象原型中的hasOwnProperty函数中构建。

if(!ob.hasOwnProperty('someProp')){
    console.log('someProp is undefined')
}

不深入，但第一种方法看起来很短，对我来说很好。下面是JavaScript中truthy/falsy值的详细信息，未定义的是其中列出的falsy。所以if条件的行为正常，没有任何故障。除了未定义的值之外，值NaN、false（显然）、“”（空字符串）和数字0也是假值。

警告：请确保属性值不包含任何错误值，否则if条件将返回false。对于这种情况，可以使用hasOwnProperty方法

在最近的JavaScript版本中，引入了新的链接运算符，这可能是检查属性是否存在的最佳方法，否则它将给您提供未定义的

参见下面的示例

  const adventurer = {
  name: 'Alice',
  cat: {
    name: 'Dinah'
  }
};

const dogName = adventurer.dog?.name;
console.log(dogName);
// expected output: undefined

console.log(adventurer.someNonExistentMethod?.());
// expected output: undefined

我们可以替换这个旧语法

if (response && response.data && response.data.someData && response.data.someData.someMoreData) {}

使用更简洁的语法

if( response?.data?.someData?.someMoreData) {}

IE、Opera、safari和samsund android不支持此语法

有关详细信息，请查看此URL

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Optional_chaining

简单地说，JavaScript中没有定义的任何东西都是未定义的，无论它是Object/Array中的属性还是只是一个简单的变量。。。

JavaScript具有类型of，因此很容易检测未定义的变量。

只需检查typeof whatever==“undefined”，就会返回布尔值。

这就是AngularJs v.1x中著名的函数isUndefined（）的编写方式：

function isUndefined(value) {return typeof value === 'undefined';} 

因此，当您看到函数接收到一个值时，如果定义了该值，它将返回false，否则对于未定义的值，返回true。

让我们看看传递值时会得到什么结果，包括如下所示的对象财产，这是我们拥有的变量列表：

var stackoverflow = {};
stackoverflow.javascipt = 'javascript';
var today;
var self = this;
var num = 8;
var list = [1, 2, 3, 4, 5];
var y = null;

我们如下所示进行检查，您可以在他们面前看到结果作为评论：

isUndefined(stackoverflow); //false
isUndefined(stackoverflow.javascipt); //false
isUndefined(today); //true
isUndefined(self); //false
isUndefined(num); //false
isUndefined(list); //false
isUndefined(y); //false
isUndefined(stackoverflow.java); //true
isUndefined(stackoverflow.php); //true
isUndefined(stackoverflow && stackoverflow.css); //true

正如您所看到的，我们可以在代码中使用类似的东西来检查任何情况，正如前面所提到的，您可以在您的代码中简单地使用typeof，但是如果您反复使用它，请创建一个像我共享的angular sample这样的函数，并将其作为以下DRY代码模式继续重用。

还有一件事，要检查真实应用程序中对象的属性，即使您不确定该对象是否存在，也要先检查对象是否存在。

如果您检查对象的属性而该对象不存在，将抛出错误并停止整个应用程序的运行。

isUndefined(x.css);
VM808:2 Uncaught ReferenceError: x is not defined(…)

如此简单，您可以像下面这样包装在if语句中：

if(typeof x !== 'undefined') {
  //do something
}

也等于在Angular 1.x中定义的。。。

function isDefined(value) {return typeof value !== 'undefined';}

其他javascript框架（如下划线）也有类似的定义检查，但如果您尚未使用任何框架，我建议您使用typeof。

我还从MDN中添加了这一部分，它提供了关于typeof、undefined和void（0）的有用信息。

严格相等和未定义您可以使用undefined和严格相等和不相等运算符来确定变量是否具有一个值。在以下代码中，未定义变量xif语句的计算结果为true。

var x;
if (x === undefined) {
   // these statements execute
}
else {
   // these statements do not execute
}

注意：严格等式运算符而不是标准等式这里必须使用运算符，因为x==undefined还检查x为空，而严格相等不为空。null不等于未定义。有关详细信息，请参见比较运算符。

---

运算符类型和未定义或者，可以使用typeof：

var x;
if (typeof x === 'undefined') {
   // these statements execute
}

使用typeof的一个原因是，如果尚未声明变量。

// x has not been declared before
if (typeof x === 'undefined') { // evaluates to true without errors
   // these statements execute
}

if (x === undefined) { // throws a ReferenceError

}

然而，这种技术应该避免。JavaScript是静态作用域语言，因此知道是否声明了变量可以通过查看它是否在封闭上下文中声明来读取。这个唯一的例外是全局范围，但全局范围与全局对象，因此检查全局上下文可以通过检查全局对象（例如，使用in运算符）。

---

无效运算符和未定义void运算符是第三种选择。

var x;
if (x === void 0) {
   // these statements execute
}

// y has not been declared before
if (y === void 0) {
   // throws a ReferenceError (in contrast to `typeof`)
}

更多>此处

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

函数为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中，当输入值完全未定义时，可选参数会起作用。

这可能是确定现有属性名称是否具有显式和预期值undefined的唯一显式形式；尽管如此，这是一种JavaScript类型。

"propertyName" in containerObject && ""+containerObject["propertyName"] == "undefined";
>> true \ false

仅当给定上下文的属性名存在（真实存在）并且其预期值未明确定义时，此表达式才会返回true。

不会出现假阳性，例如空字符串、空字符串、零、空数组等。这正是如此。检查，即确保属性名存在（否则将为假阳性），然后显式检查其值是否未定义，例如其字符串表示形式中的未定义JavaScript类型（字面上为“undefined”），因此==而不是==，因为无法进行进一步转换。只有满足这两个条件，这个表达式才会返回true。例如，如果属性名称不存在，则返回false。这是唯一正确的返回，因为不存在的财产不能有值，甚至不能有未定义的值。

例子：

containerObject = { propertyName: void "anything" }
>> Object { propertyName: undefined }

// Now the testing

"propertyName" in containerObject && ""+containerObject["propertyName"] == "undefined";
>> true

/* Which makes sure that nonexistent property will not return a false positive
 * unless it is previously defined  */

"foo" in containerObject && ""+containerObject["foo"] == "undefined";
>> false

如果你这样做

if (myvar == undefined )
{ 
    alert('var does not exists or is not initialized');
}

当变量myvar不存在时，它将失败，因为没有定义myvar，所以脚本被破坏，测试没有效果。

由于窗口对象在函数外部具有全局作用域（默认对象），因此声明将“附加”到窗口对象。

例如：

var myvar = 'test';

全局变量myvar与window.myvar或window['myvar']相同

为了避免在存在全局变量时要测试的错误，最好使用：

if(window.myvar == undefined )
{ 
    alert('var does not exists or is not initialized');
}

一个变量是否真的存在并不重要，它的值是不正确的。否则，用undefined初始化变量是愚蠢的，最好使用值false来初始化。当你知道你声明的所有变量都是用false初始化的时候，你可以简单地检查它的类型或者依赖它！window.myvar检查它是否具有正确/有效的值。因此，即使没有定义变量！window.myvar对于myvar=undefined或myvar=false或myvar=0是相同的。

如果需要特定类型，请测试变量的类型。要加快测试条件，您最好执行以下操作：

if( !window.myvar || typeof window.myvar != 'string' )
{
    alert('var does not exists or is not type of string');
}

当第一个简单条件为真时，解释器将跳过下一个测试。

最好使用变量的实例/对象来检查它是否获得了有效值。它更稳定，是一种更好的编程方式。

(y)