JavaScript创建对象的五种方式

最新推荐文章于 2024-05-21 14:15:14 发布

好人好报i

最新推荐文章于 2024-05-21 14:15:14 发布

阅读量34

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/m0_56506584/article/details/117571737

版权

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>

好人好报i

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript创建对象的五种方式

JavaScript创建对象的五种方式<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script type="text/javascript"> //直接创建式 var student=new Object(); student.name="
复制链接

扫一扫