JavaScript 将if语句简化为函数以检查参数的简单方法

在本文中，我们将尝试理解如何在函数内部使用if语句来检查参数的有效性，以及将if语句简化为函数以检查参数的简单方法，以及在JavaScript中的理论解释。

让我们首先看一下我们将在稍后的示例中使用的以下语法（对象创建以及方法或函数创建的语法）：

JavaScript中创建对象的语法： 下面显示的语法是我们将在JavaScript中用于创建对象的语法：

语法：

let object_name = {
    property_nane : value,
    ...
}

在JavaScript中声明函数的语法： 下面显示的语法是用于创建方法或函数的语法（JavaScript箭头函数语法声明）。以下语法用于在JavaScript中声明数组函数。

语法：

let function_name = () => {
    // do something...
    // Either return some statement
    // Or either use console.log()
}

现在让我们来看一下以下示例部分，其中我们将可视化上述语法的实际用法以及我们的问题陈述。

示例1： 在这个示例中，我们将使用上面部分显示的所有语法，并且还将看到如何在任何函数中使用 多个 if语句来检查参数的有效性。

JavaScript

<script>
    let checkArguments = (object) => {
 
        if (object.color === "Green") {
            console.log(`{object.name} is 
                of{object.color} color`);
        } else {
            console.log("Invalid color...");
        }
 
        if (object.specifications.quantity < 10) {
            console.log(`{object.name} has been 
                bought in very less quantity`);
        } else {
            console.log(`Right amount of 
                {object.name} has been bought...`);
        }
 
        if (!object.specifications.sweet) {
            console.log(`Bad taste of {object.name} 
                has been carried along...`);
        } else {
            console.log(`Good taste of{object.name} 
                has been carried along`);
        }
    };
 
    let fruit_object = {
        name: "Grapes",
        color: "Green",
        specifications: {
            quantity: 10,
            price: 100,
            sweet: true,
        },
    };
 
    checkArguments(fruit_object);
</script>

输出：

Grapes is of Green color
Right amount of Grapes has been bought...
Good taste of Grapes has been carried along

上述方法中的问题： 现在，正如我们在之前的示例中所看到的，我们使用了多个if语句，使得我们的代码变得有点冗长或不易读。因此，在另一个示例中，我们将看到使用三元操作符来缩短if语句语法的紧凑形式。

示例2： 在这个示例中，我们将使用三元操作符而不是if语句来减少稍长且不易读的语法的开销。三元操作符语法将缩短语法并在一定程度上提高用户的可读性。

Javascript

<script>
    let checkArguments = (object) => {
 
        object.color === "Green"
            ? console.log(`{object.name} is 
                of{object.color} color`)
            : console.log("Invalid color...");
 
        object.specifications.quantity < 10
            ? console.log(`{object.name} has 
                been bought in very less quantity`)
            : console.log(`Right amount of 
                {object.name} has been bought...`);
 
        !object.specifications.sweet
            ? console.log(`Bad taste of {object.name} 
                has been carried along...`)
            : console.log(`Good taste of{object.name} 
                has been carried along`);
    };
 
    let fruit_object = {
        name: "Grapes",
        color: "Green",
        specifications: {
            quantity: 10,
            price: 100,
            sweet: true,
        },
    };
 
    checkArguments(fruit_object);
</script>

输出：

Grapes is of Green color
Right amount of Grapes has been bought...
Good taste of Grapes has been carried along