一:函数是什么以及函数作用
1 函数是什么
函数是经过封装、调用后,能够完成特定任务的代码块
2 函数的作用
仅需“函数名(实参)”就可以调用函数,起到精简代码,提高开发效率的作用
二:函数使用
1 语法规则:
function 函数名(形式参数/形参){
函数体
}
2 函数名命名规范:(规范而非规则)
- 前缀应为 动词
- 小驼峰命名的原则
常用动词整理
3 调用函数方式
“函数名(实际参数/实参)”,随调随用
4 函数传参的使用
-
形参与实参理解
- 形参理解为函数内声明了、但未赋值的变量
- 实参可以理解为向函数内的形参变量赋值的过程
- eg:parseInt('11')、Number('111'),本质是向函数传递实参
-
作用:
- 提高了函数的灵活性,并不会让函数拘泥于死数据
-
减少函数报错风险方式:
给函数传递一个默认值,如果没有传递实参,形参不至于是undefined类型;-
let sum = 0 function addSum(array = []) { for (let index = 0; index < array.length; index++) { const element = array[index]; sum += element } console.log(sum); } addSum([1, 2, 3])
-
三:return返回值
1 语法:
return 数值
2 对return的理解
函数是否需要设置返回值,根据函数具体需求来判断
例如:parseInt('12px')、prompt('请输入一个值'),这些都为JS底层已经封装好了的函数,这些函数调用者都会得到一个返回值,依次为12、以及输入的值;
同样例如alert('你明白了嘛'),这个函数就没有返回值
因此,不管是自己封装的函数亦或者是JS底层封装的函数,都是根据实际的功能书写以及调用
3 return使用细节
- return使用时不要将后面要返回的数值换行写
- 如果一个函数没有返回值,那么这个函数默认返回undefined
- return可以将函数内运行结果交给函数外部调用者
- return语句后面的代码,将不再执行;如果运行完return语句后,函数会立即结束执行;