零基础JavaScript入门教程(31)–函数的参数

点此查看:完整教程、源代码及配套视频

1. 场景

上一篇,我们已经了解了JS函数的真实面目。现在我们考虑一个新的场景,还是以开车为例,之前我们开车函数如下:

		// 定义函数
        function driveCar() {
    
    
            console.log("1.打开车门");
            console.log("2.系好安全带");
            console.log("3.启动车辆");
            console.log("4.踩油门,开始驾驶");
        }

现在我们要把开车这件事细化,因为启动车辆后,要先挂档,才能踩油门驾驶。而汽车分为自动档和手动档,自动档我们需要挂前进档,手动档我们需要挂一档。

现在的问题是,我们driveCar()函数,只知道要开车,但是不知道是要开自动档还是手动档。

落实到生活中,我们在做一件的事情的时候,有时候是需要提供一些附加信息的。例如开车,我们需要知道开什么样的车。例如网购,我们需要知道购买什么物品。就算是进行加法运算,我们也需要知道要对哪两个数进行加法运算。

所以函数的执行,有时候还需要一些附加信息,这些附加信息,JS语言中是通过函数参数实现的。

2. 函数参数

函数driveCar(),小括号就是用来填写参数。我们以开车为例:

		function driveCar(type) {
    
    
            console.log("1.打开车门");
            console.log("2.系好安全带");
            console.log("3.启动车辆");
            if (type == "自动档") {
    
    
                console.log("4.挂前进档");
            } else if (type == "手动档") {
    
    
                console.log("4.挂1档");
            }
            console.log("5.踩油门,开始驾驶");
        }

小括号中的type,就代表函数需要的参数,其实就是一个变量。我们通过type变量中的值,来判断开车时,是开自动档还是手动档。

那么在调用函数时,我们告诉函数,我们是想开自动档还是手动档就OK了。

		// 开自动档
        driveCar("自动档");
        // 开手动档
        driveCar("手动档");

3. 运行结果

上述代码,先后运行了2次driveCar函数,第一次参数为"自动挡",第二次参数为"手动挡",所以代码运行结果如下:

在这里插入图片描述
可见通过参数提供的信息,我们可以执行不同的行为了。

4. 小结

做事需要具体情况,函数需要参数信息,如此而已。

猜你喜欢

转载自blog.csdn.net/woshisangsang/article/details/123630584