js入门(十)——原型
2015-12-02 19:02
609 查看
引导
任何方法,只有加上()才表示执行;不加的话,只是代表着将该方法的地址赋值给新的变量。在下面代码中
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;//其原型指向一个对象,将该对象引用赋值给obj obj.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()获取到其原型,然后读取原型中的属性;或者是直接将对象中的相应属性删除掉。
相关文章推荐
- 关于如何在javascript中实现AOP
- js操作cookie
- js学习笔记 (继续)
- JavaScript使用正则表达
- Javascript算法系列之快速排序(Quicksort)
- javaScript实现修改输入框之后标红
- fastJson和jackson转json的区别
- Java抓取网页数据(原网页+Javascript返回数据)
- 简单实现JS对dom操作封装
- Javascript在线美化,格式化,js美化
- 【js对象属性的getter和setter】
- js到时间时显示
- JavaScript 字符串转日期
- Json 介绍
- 利用java8新特性实现类似javascript callback特性
- Missing artifact net.sf.json-lib:json-lib:jar:2.2.3:compile
- JS折半插入排序算法实例
- 如何动态加载外部Javascript文件
- [JSP]错误信息、错误处理
- js对象属性 通过点(.) 和 方括号([]) 的不同之处