06-js的自定义对象

类和对象:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>js中的类和对象学习</title>
		<meta charset="UTF-8"/>
		<!--
			js中的类学习:
				1、类的声明:
					function 类名(形参1,形参2……){
						this.属性名1=形参1;
						this.属性名2=形参2;
						……
						this.属性名=fn
					}
				2、类的使用:
					var 对象名=new 类名(实参1,实参2……);
					注意:
						js中类的内容只是对象的公共部分,每个对象还可以自定义的进行扩充。
				3、类的"继承":prototype关键字
				、	同过prototype关键字实现了不同对象之间的数据共享。
					作用1:实现某个类的所有子对象的方法区对象的共享,节省内存		
		-->
		<!--声明js代码域-->
		<script type="text/javascript">
			//1、类的声明--person
			function Person(name,age){
				Person.prototype=new User();
				this.name=name;
				this.age=age;
				this.fav="唱歌";	
			}
			function User(uname,pwd){
				this.uname=uname;
				this.pwd=pwd;
			}
			//使用prototype
				//Person.prototype.test=function(){alert("嘿嘿")};
				Person.prototype=new User();
				User.prototype.testU=function(){alert("我是user")};
				//User.prototype.student=new Student();
			//2、使用类
				var p1=new Person("张三",32);
//					p1.address="北京市";
//					alert(p1.address);
//					alert(p1.name);
				var p2=new Person("李四",23);
//					alert(p2.name);
			//alert(p1.test===p2.test);//false;
					alert(p1.test===p2.test);
					p1.testU();
		</script>
	</head>
	<body>
	</body>
</html>

  

自定义对象:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>js的自定义对象</title>
		<meta charset="UTF-8"/>
		<!--
			js创建自定义对象
				对象的作用:用来存储整体数据。
				原因:很多时候我们没有办法预先知道一个对象应该有哪些属性,所以只能临时的创建一个对象来自定义属性存储数据。来保证数据的完成性
				应用:
					Ajax中会使用。
				使用:
					1、创建自定义对象
						var 对象名=new Object();
							对象名.属性名1=属性值1;
							对象名.属性名2=属性值2;
							对象名.属性名3=属性值3;
							……
						
						var 对象名={};
							对象名.属性名1=属性值1;
							对象名.属性名2=属性值2;
							对象名.属性名3=属性值3;
							……
					2、一般用来存储数据,不会再自定义对象中存储函数对象。
					3、js中的对象属性和内容是可以自定义的扩充的,不是依赖于类的声明的,类只是对象公共部分的一种声明,是为了节省代码的冗余的。	
		-->
		<!--声明js代码域-->
		<script type="text/javascript">
			//1、创建自定义对象
				var obj=new Object();
				obj.name="张三";
				obj.age=23;
				obj.test=function(){
					alert("我是obj");
				}			
		</script>
	</head>
	<body>
	</body>
</html>

  

猜你喜欢

转载自www.cnblogs.com/wcyMiracle/p/12411332.html
今日推荐