js中函数和类的使用

最新推荐文章于 2024-03-31 16:00:49 发布

旧时光的小弥猫

最新推荐文章于 2024-03-31 16:00:49 发布

阅读量2k

点赞数

本文链接：https://blog.csdn.net/weixin_44007988/article/details/102673081

版权

js中函数和类的使用

js中的函数声明和基本用法

<html>
	<head>
		<title>js的函数认识</title>
		<meta charset="UTF-8"/>
		<script type="text/javascript">
			//声明函数第一种方式
			function test1(a1,a2){
				alert("函数声明一");
				alert(a2);//没有赋值的情况下默认是undefined
			}
			//调用函数 下面都不会报错
//			test1(1,2,3,4,5);
//			test1(1);
//			test1();
//			test1(1,2);
			
//			所有的函数都是对象

			//声明函数第二种方式
//			var test2=new Function("a1","a2","alert('我是小红'+a1)");
//			test2();//既是函数的声明又是函数的调用
//			alert(test2);
//			alert(test2());

			//声明函数的第三种方式
//			var a=function(z1,z2){
//				alert("我是小亮");
//			}
//			a(1,2);
//			alert(a);

			//函数的返回值
			var testRutern=function(){
				alert('函数的返回值');
				return '000';
			}
//			alert(testRutern);
			alert(testRutern()); //没有返回值则是打印undefined
//			testRutern();
		</script>
	</head>
	<body>
		<h3>js的函数认识</h3>
	</body>
</html>

<html>
	<head>
		<title>js的函数学习二</title>
		<meta charset="UTF-8"/>
		<script type="text/javascript">
			function test1(a){
				alert(a());//在这里a必须是一个函数
		
			}
			var test2=function(){
				alert("我是小红");
			}
//			test2();
//			alert(test2);
//			test1(test2); //函数是可以作为实参进行传递的
//			test1(test2());
			
			//开发中用的传递方式
			function test3(obj){
//				alert(obj());//必须传的是函数对象，因为有小括号，所以需要执行
				alert(obj());
			}
			test3(function(){
				alert("一个示例");
				return 0;
			})
		</script>
	</head>
	<body>
		<h3>js的函数学习二</h3>
	</body>
</html>

js中类的使用

<html>
	<head>
		<title>js的自定义类</title>
		<meta charset="UTF-8"/>
		<script type="text/javascript">
			//类的声明
			function Persion(name,age){
				this.name=name;
				this.age=age;
				this.fav="唱歌";
//				this.test=function(a){
//					alert(a);
//				}
			}
			function User(uname,pwd){
				this.uname=uname;
				this.pwd=pwd;
			}
			//实现不同对象之间的数据共享，实现了继承
			Persion.prototype.test=function(){
				alert("嘿嘿");
			}
			User.prototype.testUser=function(){
				alert("我是User");
			}
			Persion.prototype.user=new User();
			//实用类
			var p1=new Persion("小红",18);
			alert(p1.name);
//			alert(p1.age);
//			alert(p1.address);
			var p2=new Persion("小军",16);
			alert(p2.name);
			alert(p1.test===p2.test);
			p1.user.testUser();
		</script>
	</head>
	<body>
		<h3>js的自定义类</h3>
	</body>
</html>

旧时光的小弥猫

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js中函数和类的使用

js中函数和类的使用js中的函数声明和基本用法<html> <head> <title>js的函数认识</title> <meta charset="UTF-8"/> <script type="text/javascript"> //声明函数第一种方式 function test1(a1,a2)...
复制链接

扫一扫