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