js入门(十)——原型

来源:互联网 发布:淘宝半价群是真的吗 编辑:程序博客网 时间:2024/06/13 06:01

引导

        任何方法,只有加上()才表示执行;不加的话,只是代表着将该方法的地址赋值给新的变量

        在下面代码中

function Person(name){this.name = name;this.say = function(){document.write("my name is"+this.name);}}var p1 = new Person("lil");var p2 = new Person("lil2");alert(p1.say == p2.say);//false

        每一次在new一个Person对象时,其中say方法就会被重新创建一份,因此p1.say与p2.say是不相等的。但两个方法的内容完全一样,没必要在每一次创建对象时都重新创建一个方法。

        因此,可以将say定义到Person外面。如下:

function Person(name){this.name = name;this.say = say;}function say(){document.write("my name is"+this.name);}var p1 = new Person("lil");var p2 = new Person("lil2");alert(p1.say == p2.say);//true
        这是因为p1中say指向的与p2中say指向的是同一块存储空间(即全局say方法存储位置)。但定义成全局方法后,任何地方都可以使用该方法,没办法保证只有Person对象才能使用。

基础

        每一个函数在创建的时候都会有一个prototype属性(即指向原型),该属性是一个指针,并且它总是指向于一个对象(即原型)。这个对象就是用来存储指定的属性和方法的。因此,使用该属性可以起到所有实例共享某些属性和方法的作用。故而,使用原型可以屏蔽引导中的缺陷。如下

function Person(){}var obj = Person.prototype;//其原型指向一个对象,将该对象引用赋值给objobj.say = function(){alert("sayname");};var p1 = new Person();var p2 = new Person();document.write(p1.say == p2.say);//true。因为say方法存在于Person的原型中,所以两个变量是共享该方法的。

        构造函数.prototype=原型对象。原型对象.constructor = 构造函数

        只能用函数名.prototype获取原型,不能使用对象.prototype获取原型。

指定原型对象

        可以为prototype指定一个自定义的对象,这个对象便成为该函数的原型。如下:

function Person(){}//为Person指定自定义的原型对象Person.prototype = {name:"name",say:function(){document.write("这是say函数");}}var p1 = new Person();document.write(p1.say());//调用自定义的原型对象中的say方法 

        自定义原型对象时,如果没有指定原型的constructor,那么原型的构造方法为Object的构造方法。因此,自定义原型对象时,一定要指定constructor。即在对象的第一行加上:constructor:Person。但,使用该方法的情况时,constructor是可被枚举的,但在默认情况下constructor应该是不可被枚举的。为了避免该问题,应该使用Object.defineProperty()。

说明

        由于原型是一个对象,可以使用给对象定义属性和方法的方式对原型指定任何属性和方法。当原型的属性或方法与实例对象相同时,实例对象的会覆盖原型中的相应的属性或方法。如下:

       function Person(){       }       var obj = Person.prototype;       obj.name = "prototype";       var p1 = new Person();       p1.name = "p1";       document.write(p1.name);//覆盖掉原型中的name属性,所以输出的是p1       document.write("<br/>");       var p2 = new Person();       document.write(p2.name);//输出原型中的name值"prototype"
         读取一个对象的属性时,会首从该对象中搜索看是否有该属性,有则返回。如果没有,则继续到该对象的原型中搜索,有则返回,无则返回undefined。

        如果想读取原型中的属性值,可以通过Object.getPrototypeOf()获取到其原型,然后读取原型中的属性;或者是直接将对象中的相应属性删除掉。

0 0
原创粉丝点击