JavaScript函数的用法

函数的组成

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

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

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

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

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

function 函数名(条件){
函数体
}
function 函数名(条件){
函数体
}
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;
}
function sumr(start, end) {
  let sum = 0;
  for (let i = start; i <= end; i++) {
    sum += i;
  }
  return sum;
}
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
console.log(sumr(1, 100)); // 输出5050
console.log(sumr(20, 200)); // 输出21010
console.log(sumr(30, 300)); // 输出45435
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);
        }
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);
        }
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 () { }
add.onclick = function () { }
add.onclick = function () { }