1.函数的概念
在JS里面,可能会定义非常多的相同代码或者功能相似的代码,这些代码可能需要大量重复使用
函数就是封装了一段可以被重复执行调用的代码块 目的: 就是让大量代码重复使用
2.函数的使用
1.声明函数
function 函数名(){
函数体
}
例:function sayHi(){
console.log('hi---');
}
(1)function声明函数的关键字 全部小写
(2)函数是做某件事情,函数名一般是动词sayHi
(3)函数不调用自己不执行
2.调用函数
函数名();
sayHi();
调用函数的时候千万不要忘记加小括号
3.函数的封装
函数的封装是把一个或者多个功能通过函数的方式封装起来,对外只提供一个简单的函数接口
3.带参数的函数
1.函数可以重复相同的代码
2.我们可以利用函数的参数实现函数重复不同的代码
形参和实参
function 函数名(形参1,形参2...){
在声明函数的小括号里面是 形参 (形式上的参数)
}
函数名(实参1,实参2...) 在函数调用的小括号里面是实参(实际的参数)
3.形参和实参的执行过程
形参是用来接受实参的,举个例子形参就像变量x、y,而实参就是xy的数值
4.函数的参数可以有,也可以没有数量上不设上限
5.函数形参实参个数匹配
① 如果实参的个数和形参的个数一致 则正常输出结果
② 如果实参的个数多于形参的个数 多出来的值则不进入运算,最终会议形参的个数进行运算
③如果实参的个数少于形参的个数
形参可以看作是不用声明的变量 多出来的形参没有接收值 结果就是undefined NaN
4.函数的返回值
function 函数名(){
return 需要返回的结果;
}
函数名();
①函数值是实现某种功能,最终的结果需要返回函数的调用这函数名() 通过return 实现的
②只要函数遇到return就把后面的结果 返回给函数的调用者 函数名()=return后面的结果
求任意两个数的和
例
function getSum(num1,num2){
return num1+num2
}
console.log(getSum(1,2));
tips:函数返回值注意事项
①return 终止函数 return后面的代码不会被执行
②return 只能返回一个值(最后一个值)
③我们的函数如果有return 则返回的是return 后面的值,如果函数没有return 则返回undefined
break、continue、return的区别
break:结束当前循环体(如for、while)
continue:跳出本次循环,继续执行下次循环
return:不仅可以退出循环,还能够返回return的值,同时还可以结束当前的函数体内的代码
5.arguments的使用 只有函数才有arguments 而且是每个函数都内置好了这个argumengts
伪数组 并不是真正意义上的数组
1.具有数组的length属性
2.按照索引的方式进行存储的
3.他没有真正数组的一些方法pop() push()等等
函数可以调用另外一个函数
function fn1(){
console.log(11); 在fn1函数里面调用fn2函数
fn2();
}
fn1();
function fn2(){
console.log(22)
}
显示结果 11
22
6.函数的两种声明方式
1.利用函数关键字自定义函数(命名函数)
function fn(){
};
fn();
2.函数表达式(匿名函数)
var 变量名=function(){};
var fun=function(){
console.log('我是函数表达式');
}
fun();
①fun是变量名 不是函数名
②函数表达式声明方式跟声明变量差不多,只不过变量里面存在的值 而函数表达式里面存的是函数
③函数表达式也可以传递参数
2021/11/27(函数)
最新推荐文章于 2024-08-10 16:15:00 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)