学科分类
目录
JavaScript网页编程

什么是函数

在编写代码时,可能会出现非常多的相同代码,或者功能类似的代码,这些代码可能需要大量重复使用。虽然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,只需传入不同的参数,即可对参数按照相同的方式进行处理,最终得到不同的执行结果。

点击此处
隐藏目录