03.JS-函数

这篇文章是我自己在学习js过程中做的笔记，如果有错误或者遗漏的请评论告诉我。希望大家一起学习！

笔记内容主要有：函数、带形参的函数、带返回值的函数、作用域

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title></title>
</head>
<body>

    <script>
	// 函数：函数就是对一段代码进行封装，被封装的代码总是完成某项功能，函数不会主动运行，需要在程序中手动调用函数    
   
    
    // 1.函数定义的两种方式
    
    	/*
    	 	(1)函数声明式：
    	 	
    	 		function 函数名(){
    	 			函数体(被封装的代码)
    	 		}
    	 
    	 	(2)函数表达式：
    	 	
    	 		var 变量 = function(){
    	 			函数体(被封装的代码)
    	 		}
    	 		
    	 	注意：变量名相当于函数名
    	 	
    	 	调用函数： 函数名()
    	 	
    	 	两种定义的区别：
    	 	
    	 		1.函数声明式定义的函数，可以在任何位置调用
    	 		
    	 		2.函数表达式定义的函数，只能在其之后调用
    	*/

	
	// 2.带用形参的函数：形参是局部变量
	
		/*
		 	语法结构：
		 	
		 		function test(形参1,形参2...形参n){
		 			函数体
		 		}
		 	
		 	调用带有形参的函数：
		 	
		 		test(实参1,实参2...实参n);
		 		
		 	注意：调用函数时传入的实参和形参是一一对应的关系
		
*/ 	
		 	//例：
		 		function text(a,b){
		 			console.log(a);
		 			console.log(b);
		 		}
		 		
		 		text("hello",123); //hello对应a  123对应b ，输出结果为hello 123
		 
		
		
	// 3.带有返回值的函数
	
		/*
		 	语法结构：
		 	
		 		function(){
		 			return 函数执行的结果
		 		}
		*/
			//例：
				function sum(a,b){
					var sum = a+b;
					return sum;
				}
				
				var a = sum(3,5);
				console.log(a);
			
			//注意：不管函数有多少个return，执行的是第一个return的结果，并结束函数
		
				
				
	// 4.作用域

		// 在函数内设置局部变量，若不使用var关键词，变量提升到全局
		
    	// 函数内部能够访问到外部的变量，但是函数外面不能访问到函数内部
		 
 
 	// 5.递归函数：函数体内对自身的调用
 	
 		/*
 			前提：
 				1.必须是一个函数
 				
 				2.必须要有一个递归出口(队函数中的参数进行判断)
 				  参数必须满足一定的条件才调用函数本身
 		
 		
 		*/
 	

    </script>
</body>
</html>

猜你喜欢