DOM 原型

最新推荐文章于 2021-07-12 16:39:09 发布

原创最新推荐文章于 2021-07-12 16:39:09 发布 · 431 阅读

0 ·

CC 4.0 BY-SA版权

04 javascript 专栏收录该内容

25 篇文章

订阅专栏

本文深入探讨了JavaScript中使用原型共享对象属性与方法的概念，通过具体示例展示了如何利用原型字面量方式实现属性和方法的共享，以及如何对字符串原型进行功能扩展，实现了封装的破坏。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原型使用的目的

共性对象的属性和方法

列：使用原型

		<script type="text/javascript">
			/*原型:共享对象的属性与方法
			function Student(){}
			Student.prototype.name='祖儿';
			Student.prototype.age=23;
			Student.prototype.eat=function(){
				alert(this.name+" 吃东东");
			}
			
			var stu1=new Student();
			var stu2=new Student();
			alert(stu1.eat==stu2.eat)  //方法的引用的地址是否保持一致呢？
			*/
			/*原型字面量的方式*/
			function Student(){};
			Student.prototype={
				constructor:Student,
				name:'老王',
				age:22,
				eat:function(){
					return this.name+" 吃东西";
				}
			}
			
			var stu1=new Student();
			var stu2=new Student();
			alert(stu1.eat==stu2.eat)  //true,共享 结果：true
			alert(stu1.constructor==Object) //默认是Object
			alert(stu1.constructor==Student) //强制指向constructor:Student, 结果：true
			
			//扩展功能:破坏封装...
			String.prototype.addString=function(){
				return this+" 222";
			}
			
			alert("小花".addString()) //结果：小花  2222
			
		</script>