零基础JavaScript入门教程(29)–函数:经验的复用体

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

1. 前言

之前我们讲了JS最基础的入门知识,包括数据类型、操作符,以及顺序、选择、循环三种基本的程序结构。

从今天开始,我们讲解的内容就开始抽象起来,也就是说开始不大容易理解了。从我个人认知的角度,我认为之前的知识是比较基础的,从今天的函数开始,属于比较深入的部分。

2. 经验

人的成长、成才的过程,很大程度上是经验的积累。比如上课的经验、考试的经验、游泳的经验、吃饭的经验。

那么经验是什么呢,可以理解为从多次实践中得到的知识或技能,经验可以传授,例如张三会开车,就可以把经验传给李四。

3. 代码中的经验

写代码,同样可以把一件事,当做一种经验,例如开车。

		// 开车的经验
        console.log("1.打开车门");
        console.log("2.系好安全带");
        console.log("3.启动车辆");
        console.log("4.踩油门,开始驾驶");

网购也是一种经验,代码如下:

		// 网购的经验
        console.log("1.打开购物APP");
        console.log("2.挑选商品");
        console.log("3.加入购物车");
        console.log("4.支付");
        console.log("5.收货");

4. 代码块的应用

之前我们讲过,通过大括号括起来的部分,称之为代码块。代码块中的代码,是一个整体,所以我们可以使用代码块,让同一个功能的代码聚集在一起,会更加调理,如下:

		{
    
    
            // 开车的经验
            console.log("1.打开车门");
            console.log("2.系好安全带");
            console.log("3.启动车辆");
            console.log("4.踩油门,开始驾驶");
        } 
        {
    
    
            // 网购的经验
            console.log("1.打开购物APP");
            console.log("2.挑选商品");
            console.log("3.加入购物车");
            console.log("4.支付");
            console.log("5.收货");
        }

通过代码块,同种事情或者说同一个经验,代码聚集到一起,更加条理了。

5. 选择不同的经验

上面我们有两种经验了,我们可以通过选择语句,选择显示不同的经验。

		var userSelect = "学习开车的经验"; //用户选择
        if (userSelect == "学习开车的经验") {
    
    
            // 开车的经验
            console.log("1.打开车门");
            console.log("2.系好安全带");
            console.log("3.启动车辆");
            console.log("4.踩油门,开始驾驶");
        } else if (userSelect == "学习网购的经验") {
    
    
            // 网购的经验
            console.log("1.打开购物APP");
            console.log("2.挑选商品");
            console.log("3.加入购物车");
            console.log("4.支付");
            console.log("5.收货");
        }

当用户选择,即userSelect变量内容不同时,我们可以输出对应的经验。此处注意必须使用代码块,因为if、else if影响的是后面的一整块。如果不使用代码块,那么只能影响后面一行代码,这显然是不对的。

6. 使用代码块存储经验的问题

上面的代码,好像也挺顺的,但是考虑这么一个场景吧,4个人都要学习开车,我们需要写这样的代码:

        {
    
    
            // 开车的经验
            console.log("1.打开车门");
            console.log("2.系好安全带");
            console.log("3.启动车辆");
            console.log("4.踩油门,开始驾驶");
        } 
        {
    
    
            // 开车的经验
            console.log("1.打开车门");
            console.log("2.系好安全带");
            console.log("3.启动车辆");
            console.log("4.踩油门,开始驾驶");
        } 
        {
    
    
            // 开车的经验
            console.log("1.打开车门");
            console.log("2.系好安全带");
            console.log("3.启动车辆");
            console.log("4.踩油门,开始驾驶");
        } 
        {
    
    
            // 开车的经验
            console.log("1.打开车门");
            console.log("2.系好安全带");
            console.log("3.启动车辆");
            console.log("4.踩油门,开始驾驶");
        } 

这就好比,每次有人学开车,我们都要把这些经验说一遍,其实很麻烦。

那么我们能不能,把这些经验写到纸上,或者录音成一个mp3文件。这样谁来学车的时候,直接把纸或者mp3文件传给他就行了。

好吧,到这里,我们函数的意义就出来了。

7. 函数:经验的复用体

在编程语言中,为啥需要函数,就是为了复用代码经验。

生活中,我们的经验可以存储在大脑里,也可以写到纸上,也可以录音或者保存为视频。这些经验,其实就是一些操作步骤的整合。

编程中,我们的经验需要靠函数存储,函数包含了若干行代码,通过代码块包裹为一个整体。函数包含了若干行代码,其实就是包含了一系列的操作步骤。

函数除了包括一个代码块,其实还需要一个名字。例如开车函数,保存的是开车的经验,网购函数,保存的是网购的经验。

8. 对于函数语法的推断

经过上面的分析,函数有一个名称,还包括一个代码块,所以JS函数大体上应该如下:

		这是一个函数:函数名
        {
            函数代码
            函数代码
            函数代码
        }

例如开车,我们可以写作函数:

		这是一个函数:开车
        {
    
    
            console.log("1.打开车门");
            console.log("2.系好安全带");
            console.log("3.启动车辆");
            console.log("4.踩油门,开始驾驶");
        }

此时,调用开车函数,即可输出4行代码了。避免每次都打这4行代码,代码整体性会更强很多。

9. 小结

程序是为了解决现实社会中的问题,所以程序必然映射现实社会中的各类事务。

现实中经验很重要,程序中就设计了函数,来对应经验,让工作更加高效!

猜你喜欢

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