JavaScript函数是前端开发中至关重要的一部分。它们不仅可以帮助我们组织代码,还可以实现重用和模块化
函数的组成
-
函数关键字:JavaScript中使用
function
关键字来定义函数。 -
函数名称:紧随
function
关键字之后的是函数的名称,函数名称用于标识该函数,在需要调用函数时使用。 -
参数列表:函数可以接受零个或多个参数,参数被包含在圆括号
()
中,多个参数之间用逗号,
分隔。 -
函数体:函数体是一段用花括号
{}
括起来的代码块,包含了函数的实际操作和逻辑。 -
返回语句:在函数体中,可以使用
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 () { }
没有回复内容