JavaScript——函数的概念及应用(一)

函数的概念

    在JavaScript中,可能会定义非常多的相同的代码或者功能相似的代码,这些代码可能需要大量重复使用,虽然for循环语句能实现一些简单的重复操作,但是比较具有局限性,此时我们就可以使用js中的函数
函数:就是封装了一段可被重复调用执行的代码块,通过此代码块可以实现大量代码的重复使用。例如:

//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=1;i<=50;i++){
    
    
	sum+=i;
}
console.log(sum)

//以上是两个累加和的方法,需要分别设置条件和定义变量
//下面这种方法是采用函数封装的方法来求两个的累加和

//3.函数的方法
function getSum(num1,num2){
    
    
	for (var i=num1;i<=num2;i++){
    
    
	sum+=i;
}
console.log(sum)
}
getSum(1,100)
getSum(10,50)
//这样值就求出来了,如果需要求其他范围的值,在下面getSum里面定义就可以了

在这里插入图片描述
函数的使用分为两步:声明函数和调用函数
1.声明函数
function(){
函数体
}
function say(){
console.log(‘hellword’)
}
注意:
(1)、function 声明函数的关键字 全部小写
(2)、函数是做某件事情,函数名一般是动词
(3)、函数不调用自己不执行

2.调用函数声明函数本身并不会执行代码,只有调用时才会执行函数体代码
函数名();
say(); 调用函数的时候千万不要忘记添加小括号

3.函数的封装

  • 函数的封装是吧一个或者多个功能通过函数的方式封装起来,对外只提供一个简单的函数接口
  • 简单理解:封装类似将电脑配件整合组装到机箱中(类似快递打包)

看了这么多,来做个案例吧!

案例:利用函数计算1-500之间的累加和在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_45054614/article/details/107592507