在前端开发中，经常需要判断一个变量是否为空。如果不进行空值校验，可能会导致程序出错或者产生意想不到的结果。本文将介绍几种实现变量空值校验的方法。
1. 使用 if 语句
最简单的方法是使用 if 语句对变量是否为空进行判断。例如：
if (variable === null || variable === undefined) {
// 变量为空
} else {
// 变量不为空
}这种方法可以判断变量是否为 null 或 undefined，但是不能判断其他类型的空值，例如空字符串 "" 或者数字 0。此外，这种方法也比较繁琐，当需要判断多个变量时代码会显得冗长。
2. 使用三元表达式
三元表达式可以简化代码，用一行代码实现空值校验。例如：
const result = variable ? "变量不为空" : "变量为空";
如果变量 variable 不为空，则 result 的值为 "变量不为空"，否则为 "变量为空"。
这种方法同样无法判断其他类型的空值，但是代码简洁明了。
3. 使用逻辑或运算符
逻辑或运算符 || 可以将一个真值转换为一个非空值，例如：
const result = variable || "默认值";
如果 variable 不为空，则 result 的值为 variable，否则为 "默认值"。
这种方法可以判断空字符串、数字 0 等其他类型的空值，同时代码也很简洁。
4. 使用 Object.prototype.toString.call()
使用 Object.prototype.toString.call() 可以精确地判断变量类型。例如：
const result = Object.prototype.toString.call(variable) === "[object Undefined]" ? "变量为空" : "变量不为空";
该方法可以判断变量是否为 undefined 类型，但是不能判断其他类型的空值。此外，代码也比较繁琐。
结论
综上所述，根据实际情况选择合适的方法进行空值校验。如果只需要判断 null 或 undefined，使用 if 语句即可；如果需要同时判断其他类型的空值，建议使用逻辑或运算符；如果需要精确判断变量类型，可以使用 Object.prototype.toString.call() 方法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/9280
