原型的动态性(5.2.2)

最新推荐文章于 2024-09-28 17:32:53 发布

iteye_7017

最新推荐文章于 2024-09-28 17:32:53 发布

阅读量131

点赞数

分类专栏： JavaScript高级程序设计文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/iteye_7017/article/details/82604514

版权

JavaScript高级程序设计专栏收录该内容

22 篇文章 0 订阅

订阅专栏

情况1：

<script type="text/javascript"> 
	  function Person(){
	  }
	  var friend = new Person();//位置不同，产生不同效果
     //重写原型对象切断了现有原型与任何之前已经存在的对象实例之间的联系
	  Person.prototype = { 
	     constructor : Person,
		 name : '高伟刚',
		 age : 24,
		 job : 'Software Engineer',
		 sayName : function(){
		   alert(this.name);
		 }
	  }
	   
	  friend.sayName();//error，不支持的属性或方法
</script>

图6-3展示上面过程的内幕：

情况2：

<script type="text/javascript"> 
	  function Person(){
	  }
	 
	  Person.prototype = {
	     constructor : Person,
		 name : '高伟刚',
		 age : 24,
		 job : 'Software Engineer',
		 sayName : function(){
		   alert(this.name);
		 }
	  }
	  var friend = new Person();
	  friend.sayName();//“高伟刚”
</script>

图6-4展示上面过程的内幕：画图