JavaScript函数

水沉草木

于 2022-08-17 09:10:14 发布

阅读量91

点赞数

文章标签： javascript 前端 servlet

本文链接：https://blog.csdn.net/qq_69761234/article/details/126316446

版权

函数：程序的基本单元，是完成特定任务的代码

自定义函数：简单理解自定义函数即可以自己命名的函数

//语法：
//function functionname()
//{
//	这里是要执行的代码
//}

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<button onclick="alert('你点我干什么')">你点我一下</button>
		<button onclick="myFunction()" >你也点我一下</button>
		<script>
			function myFunction(){
				alert('我是函数中的警告窗');
			}
			
		</script>
	</body>
</html>

常用系统函数

parseInt ("字符串") ：将字符串转换为整型数字

parseFloat("字符串") ：将字符串转换为浮点型数字

isNaN( ) ：用于检查其参数是否是非数字形式

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			var result =parseInt("123.q");
			console.log(result);//123
			console.log(typeof result);
			
			var result2 =parseFloat("12.5.3abc");
			console.log(result2);//12.5
			console.log(typeof result2);
			
			//isNaN():用于检查其参数是否是非数字形式 ,
            //如果参数是数字，返回false，如果参数是非数字，返回true
			var result3 =isNaN("qwer"); //true
			console.log(result3);
			
		</script>
	</body>
</html>

//语法
//function 函数名(参数1，参数2) { 
     //JavaScript语句;
//}
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			function happyNewYear(name){
				if(name==null){
					console.log('姓名不能为null');
					return;
				}else if(name==""){
					console.log('姓名不能为空');
					return;
				}else{
					console.log(name+"，新年快乐");
				}
				
			}
			happyNewYear("jack")
			
		</script>
	</head>
	<body>
		<button onclickget="happyNewYear(prompt('请输入你的名字：'))">点击获取新年祝福</button>
	</body>
</html>

命名函数：如果函数有名字，就是命名函数

functuin f1(){
}

匿名函数：如果函数没有名字，就是匿名函数

functuin (){
}

函数声明和函数表达式

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			// 函数声明：命名函数，有名称的函数
			function f1(){
				console.log('我是有名称的函数');
			}
			
			//函数表达式：匿名函数，没有名称的函数
			var f2=function (){
				console.log("我是没有名称的匿名函数");
			}
			
			//使用函数
			f1();
			f2();
			
		</script>
	</body>
</html>

函数自调用

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			//定义函数
			function f1(){
				console.log('我是函数f1()');
			}
			//调用函数
			f1();
			
			//定义并调用函数,自调用
			(function f2(){
				console.log('我是函数f2()');
			})();
			
		</script>
	</body>
</html>

回调函数

所谓的回调函数可以理解为在一个函数中调用另外一个函数，只是另外一个函数是以参数的形式传递进来的

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>

			function f1(fn) {
				console.log('我是f1()函数');
				fn();
			}

			function f2() {
				console.log("我是回调函数f2()哦~");
			}
			f1(f2);
		</script>
	</body>
</html>

水沉草木

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript函数

所谓的回调函数可以理解为在一个函数中调用另外一个函数，只是另外一个函数是以参数的形式传递进来的。parseFloat("字符串") ：将字符串转换为浮点型数字。parseInt ("字符串") ：将字符串转换为整型数字。isNaN( ) ：用于检查其参数是否是非数字形式。：程序的基本单元，是完成特定任务的代码。简单理解自定义函数即可以自己命名的函数。：如果函数没有名字，就是匿名函数。：如果函数有名字，就是命名函数。......
复制链接

扫一扫