JavaScript读书笔记(第四至六天).docVIP

下载本文档

1
0
约9.19千字
约 8页
2017-12-23 发布于河南
举报
版权申诉

JavaScript读书笔记(第四至六天).doc

1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击这里二次下载。
3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
7、VIP文档为合作方或网友上传，每下载1次，网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档

JavaScript读书笔记(第四至六天)

第四天：创建对象最简单方式就是创建一个Object实例，然后添加属性和方法Js代码var?person?=?new?Object(); ?? person.name?=?Miles; ?? person.age?=?24; ?? person.job?=?Software?Engineer?? ?? person.sayName?=?function()?{ ?? ????alert(this.name); ?? }; ?? ?? person.sayName();?? var person = new Object(); person.name = Miles; person.age = 24; person.job = Software Engineer person.sayName = function() { alert(this.name); }; person.sayName(); 这种方法有个明显的缺点：使用同一个借口创建很多对象，会产生大量的重复代码为了解决这个方法，我们可以使用工厂模式的一种遍体Js代码function?createPerson(name,?age,?job)?{ ?? ????var?o?=?new?Object(); ?? ????o.name?=?name; ?? ????o.age?=?age; ?? ????o.job?=?job; ?? ????o.sayName?=?function()?{ ?? ????????alert(this.name); ?? ????}; ?? ????return?o; ?? } ?? ?? var?person1?=?createPerson(Miles,?24,?Software?Engineer); ?? var?person2?=?createPerson(Jenny,?24,?Doctor); ?? ?? person1.sayName();??//Miles ?? person2.sayName();??//Jenny?? function createPerson(name, age, job) { var o = new Object(); o.name = name; o.age = age; o.job = job; o.sayName = function() { alert(this.name); }; return o; } var person1 = createPerson(Miles, 24, Software Engineer); var person2 = createPerson(Jenny, 24, Doctor); person1.sayName(); //Miles person2.sayName(); //Jenny ? ? 工厂模式虽然解决了创建多个想死对象的问题，但没有解决对象识别的问题（即怎样知道一个对象的类型）随着js的发展，构造函数模式出现了Js代码function?Person(name,?age,?job)?{ ?? ????this.name?=?name; ?? ????this.age?=?age; ?? ????this.job?=?job; ?? ????this.sayName?=?function()?{ ?? ????????alert(this.name); ?? ????}; ?? } ?? ?? var?person1?=?new?Person(Miles,?24,?Software?Engineer); ?? var?person2?=?new?Person(Jenny,?24,?Doctor); ?? ?? person1.sayName();??//Miles ?? person2.sayName();??//Jenny?? function Person(name, age, job) { this.name = name; this.age = age; this.job = job; this.sayName = function() { alert(this.name); }; } var person1 = new Person(Miles, 24, Software Engineer); var person2 = new Person(Jenny, 24, Doctor); person1.sayName(); //Miles person2.sayName(); //Jenny ? ? 构造函数与