Web前端开发笔记30——函数

最新推荐文章于 2023-12-20 10:00:46 发布

原创最新推荐文章于 2023-12-20 10:00:46 发布 · 457 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

#Web前端开发入门专栏收录该内容

57 篇文章

订阅专栏

本文详细介绍了JavaScript中的函数概念，包括函数声明、调用、封装，重点解析了实参与形参的区别。通过示例代码展示了如何使用函数，并探讨了参数传递的规则。此外，还讲解了`return`关键字的作用，即终止函数执行并返回结果。最后，通过冒泡排序的实现，说明了`arguments`对象在函数中的应用，展示了其作为接收不定数量参数的功能。

1.函数声明：

2.函数调用：

3.函数的封装：

4.实参和形参的区别：

function getSum(num1,num2){
            if(num1>num2){
                console.log("error:num2<num1!");
                return false;
            }else {
                var sum=num1;
                for (var i = num1; i < num2; i++) {
                    sum+=(i+1);
                }
                console.log(sum);
            }

        }
        getSum(1,2);

比如上面的代码中，num1和num2就是形参，而下面调用的时候才是实参。

形参只用在接受的时候才会用到。在调用的时候，才会将实参传递到形参那里执行调用。

如果形参的个数少于实参的个数，那么只会使用实参的前n个作为参数按顺序传给形参，而n就是形参的个数。
如果形参的个数多于实参的个数，还是会将参数按顺序传递给形参，但是为接受到的形参值为undefined。

6.小结：

7.return关键字：函数运行到return，会将return后面的结果返回去。

终止函数运行。
函数没有return值时，会返回undefined。

8.arguments的使用：

arguments是一个伪数组。

下面演示一个冒泡排序的通用案例，来看看argument的作用：

function getBabelline() {
            var arrGet = arguments;
            var temp = arrGet[0];
            var tip = false;
            while (true) {
                for (var i = 0; i < arrGet.length - 1; i++) {
                    if (arrGet[i] >= arrGet[i + 1]) {
                        temp = arrGet[i];
                        arrGet[i] = arrGet[i + 1];
                        arrGet[i + 1] = temp;
                    }
                }

                for (var i = 0; i < arrGet.length - 1; i++) {
                    if (arrGet[i] > arrGet[i + 1]) {
                        break;
                    }
                    if (i >= arrGet.length - 2) {
                        return arrGet;
                    }
                }
            }
}
console.log(getBabelline(13, 3, 123, 21, 23, 44, 12, 34, 11));

9.函数中也是可以使用函数的。同时可以使用第二种创建函数的方法：

var 变量名=function(){...};
//调用的时候，使用变量名即可。