JavaScript原型与实例属性-优快云博客

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

转载于:https://www.cnblogs.com/nickai/p/5744463.html