与操作员进行可选检查怎么样？

例如：

// check mother for null or undefined and 
// then if mother exist check her children also
// this 100% sure it support and valid in JS today.
// Apart of that C# have almost the same operator using the same way
if (mother?.children) {

}
else {
 // it is null, undefined, etc...

}

空值的简单解决方案：

function isEmpty(value) {
        return (
            value === null || value === undefined || value === '' ||
            (Array.isArray(value) && value.length === 0) ||
            (!(value instanceof Date) && typeof value === 'object' && Object.keys(value).length === 0)
        );
    }

我找到了另一种方法来测试该值是否为空：

if(variable >= 0 && typeof variable === "object")

null同时充当数字和对象。比较null>=0或null<=0结果为true。比较null==0或null>0或null<0将导致false。但由于null也是一个对象，我们可以将其检测为null。

我做了一个更复杂的函数性质，它比typeof做得更好，并且可以被告知要包含或保持分组的类型

/*函数性质of（变量，[包含类型]）包括的类型有null-null将导致“未定义”，如果包含，则将导致“null”NaN-NaN将导致“未定义”，或如果包含，将导致“NaN”-infinity-将负-无穷与“无限”分开number-将数字拆分为“int”或“double”array-将“array”与“object”分开空-空的“字符串”将导致“空”或空=未定义-空“字符串”将导致“未定义”*/函数性质of（v，…类型）{/*null*/if（v===null）返回类型。includes（'null'）？“null”：“未定义”；/*NaN*/if（typeof v==“number”）返回（isNaN（v））？类型。包括（'NaN'）？“NaN”：“未定义”：/*-无穷大*/（v+1===v）？（types.includes（'-infinity'）&&v==Number.NEGATIVE_infinity）？“-无限”：“无限”：/*number*/（types.includes（'number'））？（数字.isInteger（v））？“int”：“double”：“number”；/*array*/if（typeof v==“object”）return（types.includes（'array'）&&array.isArray（v））？“array”：“object”；/*空*/if（typeof v==“string”）返回（v==”）？types.includes（“空”）？“空”：/*空=未定义*/types.includes（'empty=未定义'）？“undefined”：“string”：“字符串”；否则返回v的类型}//演示let types=[null，“”，“string”，undefined，NaN，Infinity，-Invinity，false，“false”，true，“true”，0，1，-1，0.1，“test”，｛var:1｝，[1，2]，｛0:1，1:2，长度：2｝]for（i在类型中）{console.log（“natureof”，类型[i]，“=”，natureof（类型[i]”，“null”，“NaN”，“-ninfinity”，“number”，“array”，“empty=undefined”））}

要检查空值，请使用以下命令：

if (variable === null)

此测试仅通过null，不通过“”、undefined、false、0或NaN。

此外，我还为每个“类假”值提供了绝对检查（对于！变量返回true）。

注意，对于某些绝对检查，您需要使用绝对等于：==和typeof。

我在这里创建了一个JSFiddle，以显示所有单独测试的工作情况

以下是每次检查的输出：

Null Test:

if (variable === null)

- variable = ""; (false) typeof variable = string

- variable = null; (true) typeof variable = object

- variable = undefined; (false) typeof variable = undefined

- variable = false; (false) typeof variable = boolean

- variable = 0; (false) typeof variable = number

- variable = NaN; (false) typeof variable = number



Empty String Test:

if (variable === '')

- variable = ''; (true) typeof variable = string

- variable = null; (false) typeof variable = object

- variable = undefined; (false) typeof variable = undefined

- variable = false; (false) typeof variable = boolean

- variable = 0; (false) typeof variable = number

- variable = NaN; (false) typeof variable = number




Undefined Test:

if (typeof variable == "undefined")

-- or --

if (variable === undefined)

- variable = ''; (false) typeof variable = string

- variable = null; (false) typeof variable = object

- variable = undefined; (true) typeof variable = undefined

- variable = false; (false) typeof variable = boolean

- variable = 0; (false) typeof variable = number

- variable = NaN; (false) typeof variable = number



False Test:

if (variable === false)

- variable = ''; (false) typeof variable = string

- variable = null; (false) typeof variable = object

- variable = undefined; (false) typeof variable = undefined

- variable = false; (true) typeof variable = boolean

- variable = 0; (false) typeof variable = number

- variable = NaN; (false) typeof variable = number



Zero Test:

if (variable === 0)

- variable = ''; (false) typeof variable = string

- variable = null; (false) typeof variable = object

- variable = undefined; (false) typeof variable = undefined

- variable = false; (false) typeof variable = boolean

- variable = 0; (true) typeof variable = number

- variable = NaN; (false) typeof variable = number



NaN Test:

if (typeof variable == 'number' && !parseFloat(variable) && variable !== 0)

-- or --

if (isNaN(variable))

- variable = ''; (false) typeof variable = string

- variable = null; (false) typeof variable = object

- variable = undefined; (false) typeof variable = undefined

- variable = false; (false) typeof variable = boolean

- variable = 0; (false) typeof variable = number

- variable = NaN; (true) typeof variable = number

正如你所看到的，测试NaN有点困难；

我做了一个非常简单的功能，效果很好：

function safeOrZero(route) {
  try {
    Function(`return (${route})`)();
  } catch (error) {
    return 0;
  }
  return Function(`return (${route})`)();
}

路线是任何一条价值链都会爆炸。我将它用于jQuery/cacherio和对象等。

示例1：一个简单的对象，例如this const testObj={items:[｛val:'haya'｝，｛val:null｝，{val:'hum！'｝]；｝；。

但它可能是一个非常大的物体，我们甚至没有制造过。所以我通过了：

let value1 = testobj.items[2].val;  // "hum!"
let value2 = testobj.items[3].val;  // Uncaught TypeError: Cannot read property 'val' of undefined

let svalue1 = safeOrZero(`testobj.items[2].val`)  // "hum!"
let svalue2 = safeOrZero(`testobj.items[3].val`)  // 0

当然，如果您愿意，可以使用null或“无值”。。。任何适合您需要的。

通常，如果找不到DOM查询或jQuery选择器，可能会抛出错误。但使用类似于：

const bookLink = safeOrZero($('span.guidebook > a')[0].href);
if(bookLink){
  [...]
}

要检查javascript中的undefined和null，只需编写以下内容：

if (!var) {
        console.log("var IS null or undefined");
} else {
        console.log("var is NOT null or undefined");
}