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()获取到其原型,然后读取原型中的属性;或者是直接将对象中的相应属性删除掉。
- js入门(十)——原型
- JS——原型
- js高级——原型
- JS面试题—原型和原型链
- JS继承——原型的应用
- JS——原型链(1)
- js高级——原型的使用方法
- js高级——替换原型对象
- js高级——原型链结构
- 深入理解JS—对象和原型
- Node.js开发入门(十)——使用cookie保持登录
- [JS]JS面向对象编程——原型继承
- js基础篇——原型与原型链的详细理解
- JavaScript面向对象(二)——成员属性、静态属性、原型属性与JS原型链
- JavaScript面向对象(二)——成员属性、静态属性、原型属性与JS原型链
- 你不知道的JS读书笔记4—原型与原型链
- JS原型、原型链
- JS-原型、原型链
- java设计模式之单例模式
- mysql 使用federated 引擎实现dblink 远程表访问
- EventKit
- 双目立体视觉系统精度分析
- InnoDB: Error: log file ./ib_logfile0 is of different size 0 5242880 bytes
- js入门(十)——原型
- 线程池配合RecyclerView实现从网上加载大量图片显示
- 我对JS的理解
- oc中的copy与mutableCopy
- fzu月赛(2015.11)
- 机器学习维度灾难(二)
- 人间情味
- videoPlayer 无法播放视频
- 数据结构——程序性能分析