JavaScript创建对象的五种方式

JavaScript创建对象的五种方式

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			//直接创建式
			// var student=new Object();
			// student.name="jim";
			// student.mobile="177777777";
			// student.dohomework=function(){
			// 	console.log(this.name+"在做作业。。")
			// }
			// student.dohomework();
			
			//初始化式
			// var student={
			// 	name:"jim",
			// 	mobile:"13423432",
			// 	dohomework:function(){
			// 		console.log(this.name+"做做做作业。。。")
			// 	}
			// }
			// student.dohomework();
			
			//构造方法式：可以方便的创建多个不同的对象
			// function student(name,mobile){
			// 	this.name=name;
			// 	this.mobile=mobile;
			// 	this.dohomework=function(){
			// 		console.log(this.name+"在做作业...");
			// 	}
			// }
			// var student=new student("jim","111");
			// student.dohomework();
			
			//原型式：不能方便的创建多个对象，但实现了自定义方法和构造方法的分离
			// function Student(){}
			// 	Student.prototype.name="jim";
			// 	Student.prototype.mobile="110";
			// 	Student.prototype.dohomework=function(){
			// 		console.log(this.name+"正在做作业。。");
			// 	}
			// var student=new Student();
			// student.dohomework();
			
			//混合式（构造函数式+原型式）
			function Student(name,mobile){
				this.name=name;
				this.mobile=mobile;
			}
			Student.prototype.dohomework=function(){
				console.log(this.name+"做作业吧。。。")
			}
			var student=new Student("jim","333");
			student.dohomework();
		</script>
	</body>
</html>

　　

posted @ 2021-06-04 15:11  好人有好报  阅读(54)  评论(0)    收藏  举报