JS中函数的一些练习让你更加深入的理解函数。

1.函数的定义以及源码练习

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			
			/*
			 * 函数 function
			 * 	- 函数也是一个对象
			 * 	- 函数中可以封装一些功能(代码),在需要时可以执行这些功能(代码)
			 * 	- 函数中可以保存一些代码在需要的时候调用
			 * 	- 使用typeof检查一个函数对象时,会返回function
			 */
			
			//我们在实际开发中很少使用构造函数来创建一个函数对象
			//创建一个函数对象
			//可以将要封装的代码以字符串的形式传递给构造函数
			//var fun = new Function("console.log('Hello 这是我的第一个函数');");
			
			//封装到函数中的代码不会立即执行
			//函数中的代码会在函数调用的时候执行
			//调用函数 语法:函数对象()
			//当调用函数时,函数中封装的代码会按照顺序执行
			//fun();
			
			/*
			 * 使用 函数声明 来创建一个函数
			 * 	语法:
			 * 		function 函数名([形参1,形参2...形参N]){
			 * 			语句...
			 * 		}
			 */
			
			function fun2(){
				console.log("这是我的第二个函数~~~");
				alert("哈哈哈哈哈");
				document.write("~~~~(>_<)~~~~");
			}
			
			//console.log(fun2);
			//调用fun2
			//fun2();
			
			/*
			 * 使用 函数表达式 来创建一个函数
			 * var 函数名  = function([形参1,形参2...形参N]){
			 * 	 语句....
			 *  }
			 */
			
			var fun3 = function(){
				console.log("我是匿名函数中封装的代码");
			};
			
			
			fun3();
			
		</script>
	</head>
	<body>
	</body>
</html>

2.函数的参数

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			
			/*
			 * 定义一个用来求两个数和的函数
			 * 	可以在函数的()中来指定一个或多个形参(形式参数)
			 * 	多个形参之间使用,隔开,声明形参就相当于在函数内部声明了对应的变量
			 * 	但是并不赋值
			 */
			function sum(a,b){
				console.log("a = "+a);
				console.log("b = "+b);
				console.log(a+b);
			}
			
			/*
			 * 在调用函数时,可以在()中指定实参(实际参数)
			 * 	实参将会赋值给函数中对应的形参
			 */
			/*sum(1,2);
			sum(123,456);*/
			
			/*
			 * 调用函数时解析器不会检查实参的类型,
			 * 	所以要注意,是否有可能会接收到非法的参数,如果有可能则需要对参数进行类型的检查
			 * 函数的实参可以是任意的数据类型
			 */
			//sum(123,"hello");
			//sum(true , false);
			
			/*
			 * 调用函数时,解析器也不会检查实参的数量
			 * 	多余实参不会被赋值
			 * 如果实参的数量少于形参的数量,则没有对应实参的形参将是undefined
			 * 
			 */
			//sum(123,456,"hello",true,null);
			sum(123);
			
		</script>
	</head>
	<body>
	</body>
</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: JavaScript 函数可以理解为一个独立的代码块,它可以接收输入(参数),并返回输出(返回值)。函数是一种重用代码的方法,您可以定义一个函数,并在需要时多次调用它。它有助于提高代码的可读性和可维护性,并使您可以将代码块分组,以便更好地管理和维护代码。 举个例子,您可以定义一个计算两个数字之和的函数,并在需要计算和的任何地方调用该函数。这有助于减少重复代码,并且您可以在函数内部修改代码,而不会影响调用该函数的其他地方。 总之,理解 JavaScript 函数需要一些实践和练习。在继续学习之前,您需要对代码块、参数和返回值有一个基本的了解,然后再深入了解函数的用法。 ### 回答2: JavaScript函数是一种具有重复利用性的代码块。它们允许我们将一系列逻辑操作封装在一个单独的单元,并且可以在需要的时候多次调用。 函数的定义使用`function`关键字,后面跟着函数名和一对括号,括号可以包含函数的参数。函数的主体部分被包裹在大括号,里面可以包含任意数量的语句,这些语句组成了函数的逻辑。 函数的定义通常在代码的前面或者其他函数的内部。为了调用函数,我们需要使用函数名和一对括号来执行函数。如果函数定义包含参数,则需要在括号传递对应的参数值。 函数可以返回一个值,我们可以使用`return`关键字来指定函数的返回值。当函数执行到`return`语句时,函数将停止执行,并将返回值传递回调用者。 函数可以被当作变量一样进行赋值,也可以作为其他函数的参数或者返回值。这使得函数能够更灵活地应用在各种场景理解JavaScript函数的关键是理解它们的作用和如何使用。函数使我们可以将复杂的代码分解为可管理的模块,并且提供了代码重用的机制。它们也具有作用域的概念,函数内部的变量仅在函数内部可见,这有助于保持代码的整洁和可维护性。 总之,JavaScript函数是一种灵活且重要的代码结构,我们可以通过定义、调用和传递函数来实现逻辑的封装、重用和组合。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值