- 1、本文档共8页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
创建对象的模式
创建对象的模式1、工厂模式:function creates(a,b,c){var obj = new Object();obj.a=a;obj.b=b;obj.c=c;obj.s=function(){console.log(this.a);};return obj;}creates可以根据接受的参数来构建一个包含所有必要信息的person对象,可以无数次的调用这个函数,每次返回一个包含三个属性的对象。缺点:缺乏对象识别。无法通过instanceof识别。2、构造函数模式:function Creates(a,b,c){this.a=a;this.b=b;this.c=c;this.s=function(){console.log(this.a)};}var creates1=new Creates(12,2,3);这样creates1保存着Creates的一个实例,并且有一个constructor属性指向Createscreates1.constructor==Createscreates1 instanceof Object//truecreates1 instanceof Creates//true构造函数与其它函数的区别仅在于调用方式不同,构造函数也是函数,如果不通过new调用与普通函数没有区别://当作为构造函数var creates1 = new Creates(21,221,22);creates1.s()//21;//当作为普通函数Creates(21,22,25);//添加到windowwindow.s()//21;//在另一个对象的作用域中调用var o =new Object();Creates.call(o,sa,21,11);o.s()//sa构造函数问题:每个方法都要在实例上重新创建一次:this.s=new Function(...)//与声明函数在逻辑上等价。所以每个creates的实例都包含一个不同的Function实例,以这种方式创建函数会导致不同的作用域链和标识符解析,但创建Function新实例的机制任然是相同的,因此,不同实力上的同名函数是不想等的creates1.s==creates2.s//false所以构造函数模式也可以改成这样:function person(name,age,job){this.name = name;this.age =age;this.job = job;this.sayname = sayname;}function sayname(){alert(this.name);}但是这里有一个新问题就是在全局作用域中多了一个仅供一个函数使用的全局函数,这样做并不友好。如果定义很多这种函数。。。。3、原型模式函数都有prototype属性(原型),这个属性是一个指针,指向一个对象这个对象:包含特定类型的所有实例共享的属性和方法function Person(){}Person.prototype.name =nick;Person.prototype.age = 29;Person.prototype.job = software engineerPerson.prototype.sayname = function(){alert(this.name);}var p1 = new Person();p1.sayname()//nick这里直接将所有属性和方法添加到Person的prototype属性中,构造函数变成了空函数,但是也可以通过调用构造函数来创建新的对象,而且新的对象具有和构造函数相同的属性和方法,这些实例的属性和方法都是共享构造函数的,不论用Person创建多少个实例,所访问的都是同一组属性和方法。理解原型对象:创建一个函数,就会根据一定规则创建一个prototype属性,默认情况下所有prototype(原型)都会获得一个constructor属性(构造函数):指向prototype属性所在函数(指针) 比如person.prototype.constructor指向person.------------------isPrototypeOf()确定对象之间的关系:person.prototype.isPrototypeOf(person1)//true说明person1中包含指向person.prototype 的指针。ECMAScript5新增方法Object.getPrototypeOf()返回[[prototype]]的值Object.getPrototypeOf(person1)==person.prototype//true----------------------hasOwnProperty() 检测一个属性窜在与实例中还是原型
您可能关注的文档
- Analysis- Red network brings new business models cited concern about what can net red red long-(分析-红网络带来了新的商业模式引用净红红能长期的关注).doc
- Analysis- Red network economy, how should we take this chance-(分析-红网络经济,我们应该如何抓住这个机会).doc
- Analysis- Red network business logic behind what-(分析-红网络背后的业务逻辑).doc
- Analysis- Red network is old, versatile creators come of age(分析-红网络是旧的,多才多艺的创造者来的年龄).doc
- Analysis- Red network's rapid economic development microblogging homeopathic rebirth-(分析-红网络# 39;年代经济快速发展的微博顺势疗法重生-).doc
- Analysis- Reflections on Promoting self-management of micro-business marketing(做营销的分析,反思促进自我管理).doc
- Analysis- Reinventing Marketing- the hole in the jungle drums and walls(分析-重塑营销-丛林鼓和墙壁上的洞).doc
- Analysis- resources integration Perhaps the biggest lie on the Internet(分析-资源整合也许在互联网上最大的谎言).doc
- Analysis- retail marketing channels profit model(分析-零售销售渠道盈利模式).doc
- Analysis- Rethinking the video on website(分析-反思网站上的视频).doc
文档评论(0)