作家
登录

JavaScript深入之创建对象的多种方式以及优缺点

作者: 来源: 2017-05-12 10:49:36 阅读 我要评论

JavaScript深刻之创建对象的多种方法以及优缺点

JavaScript深刻系列第十四篇,讲解创建对象的各类方法,以及优缺点。

写在前面

这篇文┞仿讲解创建对象的各类方法,以及优缺点。

JavaScript深刻系列目次地址:https://github.com/mqyqingfeng/Blog。

然则留意:

这篇文┞仿更像是标记,因为《JavaScript高等法度榜样设计》写得真是太好了!

1. 工厂模式

  1. function createPerson(name) { 
  2.  
  3.     var o = new Object(); 
  4.     o.name = name
  5.     o.getName = function () { 
  6.         console.log(this.name); 
  7.     }; 
  8.  
  9.     return o; 
  10.  
  11.  
  12. var person1 = createPerson('kevin');  

缺点:对象无法辨认,因为原型都指向Object

2. 构造函数模式

  1. function Person(name) { 
  2.  
  3.     this.name = name
  4.     this.getName = function () { 
  5.         console.log(this.name); 
  6.     }; 
  7.  
  8.  
  9. var person1 = new Person('kevin');  

长处:实例可以辨认为一个特定的类型

缺点:每次创建实例每个办法都要被创建一次

2.1 构造函数模式优化

  1. function Person(name) { 
  2.  
  3.     this.name = name
  4.     this.getName = getName; 
  5.  
  6.  
  7. function getName() { 
  8.     console.log(this.name); 
  9.  
  10. var person1 = new Person('kevin');  

长处:解决了每个办法都要被从新创建的问题

缺点:这叫啥封装……

4. 组合模式

3. 原型模式

  1. function Person(name) { 
  2.  
  3.  
  4. Person.prototype.name = 'keivn'
  5. Person.prototype.getName = function () { 
  6.     console.log(this.
     1/5    1 2 3 4 5 下一页 尾页

      推荐阅读

      JavaScript异步与Promise实现

    【引自熊建刚的博客】媒介如不雅你已经对JavaScript异步有必定懂得,或者已经浏览过本系列的其他两篇文┞仿,那请持续浏览下一末节,若你还有困惑或者想懂得JavaScript异步机制与编程,可>>>详细阅读


    本文标题:JavaScript深入之创建对象的多种方式以及优缺点

    地址:http://www.17bianji.com/lsqh/35175.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)