视频链接:https://www.bilibili.com/video/BV1ux411d75J?p=114
点击观看视频
函数
1 函数的概念
在JS里面,可能会定义非常多的相同代码或者功能相似的代码,这些代码可能需要大量重复使用。
虽然for循环语句也能实现以下简单的重复操作,但是比较具有局限性,此时我们就可以使用JS中的函数。
2 函数的使用
函数就是封装了一段可以被重复执行调用的代码块 目的:就是让大量代码重复使用
- 函数使用分为两步:声明函数 和 调用函数
2.1 函数的声明
function 函数名(){
函数体
}
2.2 函数的调用
函数名();
注意:
1.function 声明函数的关键字 全部小写
2.函数是做某件事情,函数名一般是动词 sayHi
3.函数不调用自己不执行
4.调用函数时不要忘记加小括号
//声明函数
function sayHi(){
console.log('hi~');
}
//调用函数
sayHi();
2.3 函数的封装
- 函数的封装是把一个或者多个功能通过函数的方式封装起来,对外只提供一个简单的函数接口
- 简单理解:封装类型于将电脑配件整合组装到机箱中(类似快递打包)。
利用函数计算1~100之间的累加和
//声明函数
function getSum(){
var sum = 0;
for(var i = 1; i<=100; i++){
sum += i;
}
console.log(sum);
}
//调用函数
getSum();
3 函数的参数
3.1 形参和实参
在声明函数时,可以在函数名称后面的小括号中添加一些参数,这些参数被称为形参,而在调用该函数时,同样也需要传递相应的参数,这些参数被称为实参。
参数 | 说明 |
---|---|
形参 | 形式上的参数 函数定义的时候 传递的参数 当前并不知道是什么 |
实参 | 实际上的参数 函数调用的时候 传递的参数 实参是传递给形参的 |
参数的作用:在函数内部某些值不能固定,我们可以通过参数在调用函数时传递不同的值进去。
注意:多个参数之间用逗号隔开,形参可以看做是不用声明的变量
//利用函数求任意两个数之间的和
function getSum(num1,num2){
var sum = 0;
for(var i = num1; i<=num2; i++){
sum += i;
}
console.log(sum);
}
getSum(10,20);
getSum(50,100);
3.2 函数形参实参个数匹配
// 函数形参实参个数匹配
func