JavaScript函数的用法-前端板块造梦空间论坛-技术交流-造梦空间论坛

JavaScript函数的用法

JavaScript函数是前端开发中至关重要的一部分。它们不仅可以帮助我们组织代码,还可以实现重用和模块化

函数的组成

  1. 函数关键字:JavaScript中使用 function 关键字来定义函数。

  2. 函数名称:紧随 function 关键字之后的是函数的名称,函数名称用于标识该函数,在需要调用函数时使用。

  3. 参数列表:函数可以接受零个或多个参数,参数被包含在圆括号 () 中,多个参数之间用逗号 , 分隔。

  4. 函数体:函数体是一段用花括号 {} 括起来的代码块,包含了函数的实际操作和逻辑。

  5. 返回语句:在函数体中,可以使用 return 关键字来返回一个值,结束函数的执行,并将控制权交还给调用者。

function 函数名(条件){
函数体
}

一般用法

比如我们需要分别计算1~100、20~200、30~300的所有数加起来的运算结果,每次运算都写一遍循环效率太低了,所以我们可以定义一个sumr函数。

function sumr(start, end) {
  let sum = 0;
  for (let i = start; i <= end; i++) {
    sum += i;
  }
  return sum;
}

然后每次执行时候去调用sumr函数就行了。

console.log(sumr(1, 100)); // 输出5050
console.log(sumr(20, 200)); // 输出21010
console.log(sumr(30, 300)); // 输出45435

回调函数

sumr(1, 100, b);
        function sumr(start, end, sumb) {
            var sum = 0;
            for (var i = start; i <= end; i++) {
                sum += i;
            }
            sumb(sum, end); // 将计算结果和 end 参数传递给 sumb 函数
        }
        function b(a, b) {
            console.log(a+"\t"+b);
        }

将1和100传入sumr函数中,然后再把sumr函数的返回值回调给b函数

匿名函数

比如js点击事件之类的,经常用到。

add.onclick = function () { }

 

请登录后发表评论

    没有回复内容

© 造梦空间论坛