函数分类:系统函数和自定义函数,在JS中,函数也是一种单独的数据类型。
文章目录
- 一.函数的概念,声明和调用
- 二,函数的传参
- 三,函数的返回值
- 总结
一、函数的概念,声明和调用
Js中的函数:把一段需要重复使用的代码,用function语法包起来,方便重复调用。分块和简化代码。复杂一点的也会加入封装,抽象,分类等思想。
声明方式:严格意义上两种方式,但还有匿名函数。
方式一:
function 方法名(){
//要执行的代码
}
方式二:ES6中声明方式箭头函数,()=>{}
方法三:匿名函数,将函数存到变量里 var func=function(){}
函数调用:两种方式调用
调用方式一:名字();函数可以多次调用
//函数声明
function fun(){
console.log()
}
//函数的调用
fun();
调用方式二:在事件中调用,直接写函数名,不使用括号
//
二、函数的传参
获取元素,最好从父级获取,全部从document中获取可能会出现混乱。
形参:形式上的参数——给函数声明一个参数;
实参:实际的参数——在函数调用时给形参赋的值
什么时候使用传参:
案例:
<script>
<script>
<body>
</html>
index.js
三函数返回值
函数返回值就是函数执行之后的返回结果
1所有函数都会有函数返回值即函数执行后一定会返回一个结果,如果没有定义默认返回undefined;
2.在函数中,return后定义返回值
3,在函数中,return之后的代码不会被执行。
4.return只能用于函数中,用在其他地方会被报错。
<script>
function func1(){
console.log("函数func1执行内容");
}
function func2(){
console.log("函数func2执行内容");
return 1;
var a = 2;
console.log(a);
}
//如果没有定义默认返回undefined
console.log("func1返回结果:"+func1());//undefined
console.log("func2返回结果"+func2());//1
</script>
总结
函数声明提升可以用于调整代码的顺序,将大段的定义过程放到代码最后,但是不影响代码执行效果。
函数表达式:进行的是变量声明提升,而不是函数声明提升。提升后变量内部存的是一个undefined。在前面进行函数方法调用,数据类型会提示错误。
如果函数没有设置 return语句 ,那么函数有默认的返回值undefined;如果函数使用 return语句,但是return后面没有任何值,那么函数的返回值也是undefined。
函数调用
如果实参的个数小于形参的个数,未被赋值的形参的值为undefined.
如果实参的个数大于或者等于形参的个数,显示实际结果