感叹号在函数之前做什么？

在 JavaScript 中，感叹号 ! 可以放置在函数前面。这样的语法看起来有些奇怪，但实际上它是一个非常有用的技巧。本文将深入探讨这个问题，并提供一些例子来解释为什么要这么做。

逻辑非运算符

首先，让我们回顾一下逻辑非运算符的作用。当一个值被放在逻辑非运算符 ! 前面时，它会进行以下转换：

• 如果该值为真（truthy），则逻辑非运算符将其转换为 false。
• 如果该值为假（falsy），则逻辑非运算符将其转换为 true。

例如：

!false   // true
!true    // false
!0       // true
!1       // false
!''      // true
!'hello' // false

在函数之前使用感叹号

现在，让我们看看在函数之前使用感叹号的情况。通常情况下，感叹号被用作函数调用的一部分。例如：

const result = someFunction();

如果你想检查函数返回的值是否为假（falsy），你可能会这样写：

const result = someFunction();
if (!result) {
  // do something
}

然而，由于 JavaScript 中的大多数值都是 truthy 的，这种写法实际上很少使用。相反，我们可以使用感叹号来将其转换为布尔值，然后再进行逻辑非运算符的操作。例如：

const result = someFunction();
if (!Boolean(result)) {
  // do something
}

但是，这个写法看起来有些繁琐。幸运的是，我们可以使用一个更简单的语法，即在函数之前放置一个感叹号。这样会自动将结果转换为布尔值，并进行逻辑非运算符的操作。例如：

if (!someFunction()) {
  // do something
}

这种写法要比之前简洁明了得多。

示例代码

下面是一些示例代码，演示了在函数之前使用感叹号的情况。

示例 1：检查数组是否为空

const arr = [];
if (!arr.length) {
  console.log('The array is empty.');
}

示例 2：检查对象是否为空

const obj = {};
if (!Object.keys(obj).length) {
  console.log('The object is empty.');
}

示例 3：检查字符串是否为空

const str = '';
if (!str.trim()) {
  console.log('The string is empty.');
}

结论

在 JavaScript 中，感叹号 ! 可以放置在函数之前，它用于将函数返回的值转换为布尔值，并进行逻辑非运算符的操作。这种写法可以使代码更加简洁明了，尤其适用于检查是否存在某些值（如数组、对象、字符串等）的情况。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/7323