看看新的ECMAScript Nullish合并运算符

你可以想到这个功能-？？运算符-作为处理null或undefined时“回退”到默认值的一种方式。

let x = foo ?? bar();

同样，上述代码与以下代码等效。

let x = (foo !== null && foo !== undefined) ? foo : bar();

您可以使用零合并运算符？？检查空值和未定义值。参见MDN文档

null ?? 'default string'; // returns "default string"

0 ?? 42;  // returns 0

(null || undefined) ?? "foo"; // returns "foo"

return val || 'Handle empty variable'

是在许多地方处理它的一种非常好且干净的方法，也可以用于分配变量

const res = val || 'default value'

我非常喜欢的解决方案：

让我们定义一个空变量为空或未定义，或者如果它有长度，它为零，或者如果是一个对象，它没有键：

function isEmpty (value) {
  return (
    // null or undefined
    (value == null) ||

    // has length and it's zero
    (value.hasOwnProperty('length') && value.length === 0) ||

    // is an Object and has no keys
    (value.constructor === Object && Object.keys(value).length === 0)
  )
}

退货：

true:undefined，null，“”，[]，｛｝false：true，false，1，0，-1，“foo”，[1，2，3]，｛foo:1｝

您可以只检查变量是否具有真实值。这意味着

if (value) {
    // do something..
}

如果值不是：

无效的未定义NaN公司空字符串（“”）0假的

上面的列表表示ECMA-/Javascript中所有可能的错误值。在ToBoolean部分的规范中找到它。

此外，如果您不知道变量是否存在（也就是说，如果声明了变量），则应使用typeof运算符进行检查。例如

if (typeof foo !== 'undefined') {
    // foo could get resolved and it's defined
}

如果您可以确定至少声明了一个变量，那么应该直接检查它是否具有如上所示的真实值。

function notEmpty(value){
  return (typeof value !== 'undefined' && value.trim().length);
}

它还将检查空格（“”）以及以下内容：

null，未定义，NaN，空，字符串（“”），0，false