JS函数
函数
1.函数的优势
- 提高软件的可靠性
- 提高软件的开放效率
- 提高软件的可维护性
- 提高软件的重用性
2.函数的组成
- 函数名(funcName)
- 函数体(statements)
- 参数(形参和实参)(parameters)
- 返回值(结束函数,作为函数调用表达式整体的值)
函数的声明方式
function funcName ([parameters]){
statements;
[return表达式;]
}
-
关键字方式
function 函数名([参数列表]){ 函数体 }
-
表达式方式(匿名函数方式)
var 函数名=function([参数列表]){ 函数体 }
-
构造函数方式
var 函数名=new Function("参数","函数体")
函数的参数问题
形参:形式上的参数
function demo(a,b)
实参:调用函数时给的参数
demo(3,1)
-
形参和实参的数量
形参数量<实参数量 多余的 实参被忽略 形参数量>实参数量 没有赋值的形参会自动赋值undefined
-
参数的默认值
- ECMA6语法(不兼容IE) function 函数名(参数1, 参数2=默认值)
- 有默认值的参数要写在后面
- 有默认值的参数称之为可选参数
- 兼容处理参数默认值问题, 在函数体判断 参数值是否是undefined
-
可变参数数量的函数
- arguments
函数的作用域
- 全局变量 在函数外面定义的变量
- 局部变量 在函数里面定义的变量
- 在函数内,不使用var声明的变量时全局变量(不推荐使用,严格模式(use strict)不允许)
递归函数
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>递归函数</title>
</head>
<body>
<h1>梯归函数</h1>
<script>
//死循环递归
function demo(){
console.log('demo');
demo();
}
//递归
function fn(m){
if(m<=0){
console.log("-------------");
return;
}
console.log(m);
fn(m-1);
console.log(m);
}
fn(3);
/*
fn(3) 3
fn(2) 2
fn(1) 1
fn(0) ---------
fn(1) 1
fn(2) 2
fn(3) 3
*/
//实现 阶乘 m的阶乘
function cheng(m){
if(m<=1){
return 1;
}
return m *cheng(m-1);
}
console.log(cheng(3));
/*
cheng(3) return 3 * cheng(2)
cheng(2) return 2 * cheng(1)
cheng(1) return1
cheng(2) return 2 * 1
cheng(3) return 3 * 2
*/
</script>
</body>
</html>