JS中定义对象方式四：使用原型（prototype）方式创建对象之二（弊端及其改进）

最新推荐文章于 2021-02-06 01:12:02 发布

Geek_ymv

最新推荐文章于 2021-02-06 01:12:02 发布

阅读量1.4k

点赞数

分类专栏： JavaScript 文章标签： JavaScript

本文链接：https://blog.csdn.net/Geek_ymv/article/details/8667695

版权

JavaScript 专栏收录该内容

35 篇文章 0 订阅

订阅专栏

<html>

	<head>
		<script type="text/javascript">
	/*弊端：如果使用原型方式创建对象，那么生成的所有对象会共享原型中的属性，
	  这样一个对象改变了该属性也会反应到其他对象当中。代码如下：*/
			function Person()
			{}

			Person.prototype.username = new Array();
			Person.prototype.password = "0123";

			Person.prototype.getInfo = function()
			{
				alert(this.username + ":" + this.password);
			}
			
			var person = new Person();
			var person2 = new Person();

			person.username.push("zhangsan");
			person.username.push("lisi");
			person.password = "0000";
			
			person.getInfo();
			person2.getInfo();	
		


		</script>

	</head>

	<body>


	</body>


</html>

<html>

	<head>
		<script type="text/javascript">

			/*改进：
			  使用原型+构造函数方式来定义对象，对象之间的属性互不干扰
			  各个对象之间共享同一个方法。
			 */
			function Person()
			{
				this.username = new Array();
				this.password = "0123";
			}

			Person.prototype.getInfo = function()
			{
				alert(this.username + ":" + this.password);
			}
			
			var person = new Person();
			var person2 = new Person();

			person.username.push("zhangsan");
			person.password = "0000";

			person2.username.push("lisi");
			
			person.getInfo();
			person2.getInfo();	
		


		</script>

	</head>

	<body>


	</body>


</html>

Geek_ymv

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS中定义对象方式四：使用原型（prototype）方式创建对象之二（弊端及其改进）

/*弊端：如果使用原型方式创建对象，那么生成的所有对象会共享原型中的属性，这样一个对象改变了该属性也会反应到其他对象当中。代码如下：*/ function Person() {} Person.prototype.username = new Array(); Person.prototype.password = "0123"; Person.proto
复制链接

扫一扫