欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

03.JS-函数

程序员文章站 2022-03-13 23:07:56
...

这篇文章是我自己在学习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>

 

相关标签: 函数