js的函数应用

函数function

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

  • 格式:
    function 函数名(参数…){
    函数执行的代码
    }
    【注意】函数先定义后调用
    分类:
  1. 内置函数(官方提供的函数,系统自身拥有函数)
    alert();
    document.write();
    console.log();
    parseInt();
    parseFloat();
  2. 自定义函数
    根据参数和返回值的不同,可将函数分为四种。
    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);

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值