函数作用
- 拆分代码,提高代码复用性,便于后期的维护和测试
函数的定义和调用
函数分类:
- 系统内置函数(如:parseInt()、parseFloat()、push()等)
- 程序员自定义函数:可以实现特定功能。
自定义函数有两种方式:
- 函数声明:
function 函数名() {
// 函数体
}
函数名(); // 调用函数
function hello(){
console.log('大王来巡山');
}
hello();
- 函数表达式
- 函数表达式:
var fn = function () {
// 函数体
}
fn(); // 调用函数
注意事项:
- function它是定义函数的关键字 不可以省略。
- 函数名的命名规则与变量名是一样的,起的函数名一定要有意义,一看函数名就知道此函数实现什么功能
- 不能使用JS中的关键字和保留字作为函数名
- 如果函数名是由多个单词组成的,那么可以使用下划线法和小驼峰法
- 函数名严格区分大小写
- 函数名后面紧跟着一对小括号 这一对小括号不能省略,小括号后面紧跟着一对花括号
{}
, 这一对大括号不能省略 - 花括号
{}
里面是函数体
标识符:变量名和函数名就是标识符(token)。
函数的参数
函数参数分为形参和实参。
- 形参:在定义函数的时候声明的形式参数。
- 实参:调用函数时传入的实际参数。
function add(a,b){
console.log('a:' + a)
console.log('b:' + b)
}
add(10,20); // 10传递给形参a, 20传递给形参b
若对应的形参没有传值,则默认值为undefined
参数的默认值
- 若某个形参没有传递相应的实参,则值就会默认为undefined。
定义的时候我们可以给形参取个默认值:
形参b默认值为0
function add(a,b = 0){
return a + b;
}
注意:含有默认值的形参只能定义在最右边。
函数的返回值 return
-
return作用:
返回函数结果并终止函数的执行。- 注意:
- 如果函数没有使用return返回值 ,则函数默认会返回
undefined
- 函数可以有多个return语句,但有且仅只会执行一个。因为return本质就是返回函数结果并终止函数的运行。
- 如果函数没有使用return返回值 ,则函数默认会返回
- 注意:
案例练习


网友评论