JavaScript判空设默认值的几种写法


在JavaScript中,可以使用多种方法来检查变量是否为空(null 或 undefined)并设置默认值。以下是几种常见的写法:

  1. 使用逻辑或运算符 ||

    let result = variable || defaultValue;

    这种写法会在 variable 为空时使用 defaultValue

  2. 使用三元运算符 ? :

    let result = variable !== null && variable !== undefined ? variable : defaultValue;

    这种写法检查变量是否不为 nullundefined

  3. 使用 nullish 合并运算符 ??(ES11/ES2020及以上版本):

    let result = variable ?? defaultValue;

    这种写法会在 variablenullundefined 时使用 defaultValue

  4. 使用条件运算符 ||&&

    let result = variable || defaultValue;
    result = result && variable;

    这种写法结合了逻辑或和逻辑与,用于确保 variable 不为空。

  5. 使用函数进行封装:

    function getDefault(value, defaultVal) {
      return value !== null && value !== undefined ? value : defaultVal;
    }
    
    let result = getDefault(variable, defaultValue);

    这种写法将检查和默认值设置封装在一个函数中,提高代码的可维护性。

选择哪种写法取决于具体情况和个人偏好。在使用时,可以根据代码的简洁性和可读性来选择最适合的方法。


原文链接:codingdict.net