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>
原文地址:https://www.cnblogs.com/DCL1314/p/7374023.html