浅析创建javascript对象的方法.doc

浅析创建javascript对象的方法.doc

ID:51742795

大小:79.50 KB

页数:9页

时间:2020-03-15

浅析创建javascript对象的方法.doc_第1页
浅析创建javascript对象的方法.doc_第2页
浅析创建javascript对象的方法.doc_第3页
浅析创建javascript对象的方法.doc_第4页
浅析创建javascript对象的方法.doc_第5页
资源描述:

《浅析创建javascript对象的方法.doc》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库

1、浅析创建javascript对象的方法下面小编就为大家带来一篇浅析创建javascript对象的方法。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一、工厂模式functionperson(name,age){nbsp:varp=newObject();nbsp;p.name二name;nbsp;p.age=age:nbsp;p・showMessage=function(){nbsp;nbsp;console.1og(〃name:〃+this・name+^age:/z+this・age);nbsp;}nbsp;returnp;}varpl二person28);varp

2、2=perso29);console・1og(p1.showMessage=p2・showMessage)://false不是同一个showMessage方法console.1og(p1・construetor);//[object]者直是object工厂模式的缺陷是:没解决对象识别的问题,而且每个对象的showMessage方法都不是同一个方法(每个方法在每个对象实例上都重新创建了一遍),增加了开销二、构造函数模式functionPerson(name,age){nbsp;this・name二name;nbsp;this・age=age;nbsp;this・showMes

3、sage=function(){nbsp;nbsp;console・log(〃name:〃+this・name+^age:〃+this.age);nbsp;}}varpl=newPerson28);va.rp2=newPerson(z,k29);console・log(p1.showMessage==p2.showMessage);//false不是同一个showMessage方法console.log(p1.constructor);//[Person]console.log(plinstance。fPerson);//true构造函数模式解决了对象识别的问题,但是每个对

4、象的showMessage方法不是同一个方法(每个方法在每个对象实例上都重新创建了一遍),增加了开销三、原型模式functionPerson(){Person・prototype・name二〃k〃;Person・prototype.age=29:Person.prototype・showMessage=function(){nbspiconsole・log(〃name:〃+this・name+^age:z/+this.age);};varpl=newPerson();p1.showMessage()://name:kage:29varp2=newPerson();p2.sh

5、owMessage()://name:kage:29console.1og(p1.showMessage==p2・showMessage);//true--引用的是同一函数console.1og(p1.construetor)//[Person]一一对象识别console・log(plinstanceofPerson)//true--对象识别console.1og(Person・prototype.isPrototypeOf(pl));//trueconsole.log(0bject.getPrototypeOf(pl)二二Person.prototype)://true原

6、型模式解决了“每个方法在每个对象实例上都重新创建了一遍”的问题,也解决了对象识别的问题原型模式有个很大的问题是,因为挂载在函数prototype下面的所有对象、变量、函数都是被该函数的所有实例共享的,虽然通过实例Pl、P2可以访问到prototype的属性,但是却不能修改属性值,例如pl.name="kl",只是在pl实例上添加了一个name="kl"的属性,并没改到prototype.name。如果是值类型还好,如果是引用类型的话,就会有问题了,看如下的例子functionPerson(){nbsp;};Person.prototype.age二10;Person.pro

7、totype.array=[l,2,3]:varpl=newPerson();varp2=newPerson();console.log(p1.array);//[l,2,3]console.Iog(p2・array)://[l,2,3]pl.array.push(4);console.log(p1.array)://[l,2,3,4]console・log(p2.array);//[l,2,3,4]pl往array里面添加了值,在p2也反映出来了,因为他们都是指向同一个array四、组合使用构造函数模式和原型模式

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。