有一种非常简单的方法。

您可以使用可选链接：

x = {prop:{name:"sajad"}}

console.log(x.prop?.name) // Output is: "sajad"
console.log(x.prop?.lastName) // Output is: undefined

or

if(x.prop?.lastName) // The result of this 'if' statement is false and is not throwing an error

您甚至可以对函数或数组使用可选的链接。

截至2020年年中，这一点尚未得到普遍实施。查看文档https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Optional_chaining

问题归结为三种情况：

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

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

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

但不幸的是，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); }

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

我不确定将==与typeof一起使用的起源，按照惯例，我在许多库中都使用了它，但typeof运算符返回字符串文本，我们事先就知道了，所以为什么还要对其进行类型检查呢？

typeof x;                      // some string literal "string", "object", "undefined"
if (typeof x === "string") {   // === is redundant because we already know typeof returns a string literal
if (typeof x == "string") {    // sufficient

这可能是确定现有属性名称是否具有显式和预期值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

我认为这个问题有很多不正确的答案。与通常的看法相反，“undefined”在JavaScript中不是关键字，实际上可以为其赋值。

正确的代码

执行此测试的最可靠方法是：

if (typeof myVar === "undefined")

这将始终返回正确的结果，甚至可以处理未声明myVar的情况。

退化代码。不要使用。

var undefined = false;  // Shockingly, this is completely legal!
if (myVar === undefined) {
    alert("You have been misled. Run away!");
}

此外，myVar==undefined将在未声明myVar的情况下引发错误。

我没有看到（希望我没有错过）任何人在物业前检查该对象。因此，这是最短和最有效的（虽然不一定是最清楚的）：

if (obj && obj.prop) {
  // Do something;
}

如果obj或obj.prop为undefined、null或“falsy”，If语句将不执行代码块。这通常是大多数代码块语句（在JavaScript中）所需的行为。

更新：（2021 7月2日）

最新版本的JavaScript为可选链接：？。

这可能是检查对象财产是否存在的最明确、最有效的方法。

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