js的函数应用

最新推荐文章于 2024-01-06 16:00:00 发布

三岁九年

最新推荐文章于 2024-01-06 16:00:00 发布

阅读量222

点赞数

分类专栏： JS 文章标签： js javascript

本文链接：https://blog.csdn.net/xh0112/article/details/112251882

版权

本文详细介绍了JavaScript函数的使用，包括函数的作用、分类、参数与返回值、封装、arguments对象、作用域和递归等概念。通过实例展示了如何定义和调用函数，以及如何处理函数的参数和返回值，强调了函数在简化代码、提高开发效率和代码复用方面的重要性。

摘要由CSDN通过智能技术生成

函数function

作用：
1.简化代码
2.方便维护
3.提高开发效率
4.提高了代码的复用性，减少代码冗余

格式：
function 函数名（参数…）{
函数执行的代码
}
【注意】函数先定义后调用
分类：

内置函数（官方提供的函数，系统自身拥有函数）
alert();
document.write();
console.log();
parseInt();
parseFloat();
自定义函数
根据参数和返回值的不同，可将函数分为四种。
1.无参数无返回值
2.有参数无返回值
3.无参数有返回值
4.有参数有返回值

示例：
函数的简化示例

       // 输入相同的数据。
        function dw(){
   
            document.write("八千里路");
            document.write("云和月");
            document.write("三十功名尘与土");
        }
        dw();
        dw();
        dw();

在这里插入图片描述这里只需要输入dw（）；
就可以添加相同代码。

有参数无返回值

参数为
形参形式上的参数。
实参实际参数。
示例：

       // 求1-n的和,将结果输出到页面。
        function sum(n) {
   
            var sum = 0;
            for (var i = 1; i <= n; i++) {
   
               sum += i;
            }
            document.write(sum);
        }
        sum(100);

这里可以更改n的值进行更改所求的和
在这里插入图片描述
计算1到100的和。

无参数有返回值

返回值：对函数执行完成的结果的返回。
return:结束当前函数，并将return后面的值（表达式/变量）作为函数的运行结果返回。
当我们需要对函数的运算结果进行不同的处理时，需要将函数的结果返回。
示例

        // 求1-100的和,将结果输出到页面。
        function sum() {
   
            var sum = 0;
            for (var i = 1; i <= 100; i++) {
   
               sum += i;
            }
            return sum;
        }
        // 1.调用，将结果弹出
        var a = sum();
        // 2 调用，将结果输出到页面上
        document.write(a);
        // 3.调用 将结果输出到控制台。
        console.log(a);