js原型详解

1.内存模型：

1.原型是js中非常特殊一个对象，当一个函数(Person)创建之后，会随之就产生一个原型对象

2. 当通过这个函数的构造函数创建了一个具体的对象（p1）之后，在这个具体的对象中就会有一个属性指向原型

2.演示

以下演示了通过原型的创建方式，使用基于原型的创建可以将属性和方法
设置为Person专有的，不能再通过window来调用,如此就完成了封装

 <script type="text/javascript">
function Person(){

        }

        Person.prototype.name = "gui";

        Person.prototype.age = 20;

        Person.prototype.say = function(){

            alert(this.name+","+this.age);

        }

        var p1 = new Person();

        p1.say();//gui,20

        p1.name="gui22";

        p1.say();//gui22,20

　　　　 //通过window没有办法调用say方法

        say();


        var p2 = new Person();

        p2.say();//gui,20

</script>

【注】p1有自己的内存空间p1.name="gui22";只是改变了自己内存空间的name,并未触及原型中的name

3.下面是一些判断函数有助于理解原型图

//检测某个对象是否指向该函数的原型

// alert(Person.prototype.isPrototypeOf(p1));//true

//检测某个对象的constructor

// alert(p1.constructor == Person);//true

//检测某个对象是否是自己的属性
//alert(p1.hasOwnProperty("name"));//true，p1在自己的空间中设置了name属性
//alert(p2.hasOwnProperty("name"));//false

//删除某个对象的某个属性
// delete p1.name;
// alert(p1.hasOwnProperty("name"));//false,由于已经删除了

//检测某个对象在原型或者自己中是否包含有某个属性，通过in检测

//alert("name" in p1);

//alert("name" in p2);

//alert("gender" in p1);//gender（性别）,在原型和自己的空间中都没有，false

巴特西

浅谈JavaScript原型图与内存模型

1.内存模型：

2.演示

3.下面是一些判断函数有助于理解原型图

最新文章

热门文章