首页 > 编程语言 > 详细

javascript创建对象模型3

时间:2015-02-09 15:41:24      阅读:232      评论:0      收藏:0      [点我收藏+]
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>js01_hello</title>
	<meta name="author" content="Administrator" />
	<script type="text/javascript">
	/**
	 * 原型是js中非常特殊一个对象,当一个函数创建之后,会随之就产生一个原型对象
	 * 当通过这个函数的构造函数创建了一个具体的对象之后,在这个具体的对象中
	 * 就会有一个属性指向原型
	 */
	//第一种状态
	function Person(){
		
	}
	
	var p1 = new Person();
	Person.prototype.sayHi = function() {
		alert(this.name+":hi");
	}
	
	/**
	 *如果把重写放置在new Person之后,注意内存模型,原型重写的问题.jpg
	 */
	Person.prototype = {
		constructor:Person,//手动指定constructor
		name:"Leon",
		age:23,
		say:function() {
			alert(this.name+","+this.age);
		}
	}
	p1.sayHi();//不会报错,但是没有this.name
	
	var p2 = new Person();
	//p2.sayHi();//此时p2没有sayHi,所以就会报错
	p2.say();
	p1.say();
	</script>
</head>
<body>
</body>
</html>

  

javascript创建对象模型3

原文:http://www.cnblogs.com/aicpcode/p/4281545.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!