什么是函数
在编写代码时,可能会出现非常多的相同代码,或者功能类似的代码,这些代码可能需要大量重复使用。虽然for循环语句也能实现一些简单的重复操作,但是比较有局限性,此时我们就可以使用JavaScript中的函数。
例如,下面两段代码完成了两个功能,这两个功能的代码非常相似。
// 功能1:求1~100的累加和 var sum = 0; for (var i = 1; i <= 100; i++) { sum += i; } console.log(sum);
// 功能2:求10~50的累加和 var sum = 0; for (var i = 10; i <= 50; i++) { sum += i; } console.log(sum);
上述代码的共同点在于,i的初始值和结束值不同,其他代码是相同的。此时利用函数,可以把这种相似的代码封装起来,实现代码的重复使用。
为了让读者体会到函数的优势,下面我们来演示如何利用函数来封装代码,解决代码重复的问题。关于函数的具体语法规则,会在后面进行详细讲解。
// 声明一个getSum函数,将代码写在大括号“{}”中
function getSum(num1, num2) {
var sum = 0;
for (var i = num1; i <= num2; i++) {
sum += i;
}
console.log(sum); // 函数执行结束后,将结果输出
}
// 调用getSum函数,在调用时需要写上小括号,并在小括号里传入参数
getSum(1, 100); // 输出结果:5050
getSum(10, 50); // 输出结果:1230
从上述代码可以看出,利用函数,原本重复的代码现在只需要编写一次,然后就可以重复调用。在调用函数时,小括号中传入了两个参数,第1次调用传入的两个参数分别为1和100,第2次调用传入的两个参数分别为10和50,只需传入不同的参数,即可对参数按照相同的方式进行处理,最终得到不同的执行结果。