更新时间:2023年02月01日14时13分 来源:传智教育 浏览次数:
在编写代码时,可能会出现非常多的相同代码,或者功能类似的代码,这些代码可能需要大量重复使用。虽然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。只需传入不同的参数,即可对参数按照相司的方式进行处理,最终得到不同的执行结果。