您的位置：首页 > Web前端 > JavaScript

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

2013-03-13 11:59 771 查看

<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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航

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

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