prototype的理解

<!doctype html>
<html>
    <head>
        <title></title>
        <meta charset = "utf-8"/>
    </head>
<style type="text/css"></style>

<script type="text/javascript"> //把原型想象成模子 function Person(){ } //prototype:是函数的属性(原型),每个函数对象都有该属性;构造函数当然也有该属性。 Person.prototype.name="张三丰";//原型的属性 Person.prototype.sex="男"; Person.prototype.age=27; Person.prototype.eat=function(str){ alert(this.name+"在吃这"+str); } //所有用Person构造函数产生的实例(对象),都共享同一个 prototype属性; var p1 = new Person(); //alert(p1.name);//读取的是prototype里的name属性的值 var p2 = new Person(); //alert(p2.name);//读取的是prototype里的name属性的值 //p1.name="张四丰"; //不是给prototype里的name属性的赋值,在赋值时,会自动产生一个实例属性name,属于自己 /* alert(p1.name);//是实例的属性(属于自己特有的内存空间),而不是原型里的name属性的值 alert(p2.name);//读取的是原型里的name属性的值。 */ //alert(Person.prototype.name); //alert(p2.prototype.name); alert(p2.__proto__.name);//实例必须通过__proto__来访问原型的属性 alert(p1.__proto__.name);//实例必须通过__proto__来访问原型的属性 alert(p1.name);//如果有实例属性,则显示实例属性,如果没有,显示原型的属性。 </script> <body > </body> </html>

 

posted @ 2016-08-06 17:13  像少年啦飞驰、  阅读(217)  评论(0编辑  收藏  举报