zoukankan      html  css  js  c++  java
  • JS 创建自定义对象的方法

    JS 创建自定义对象的方法

    一、总结

    一句话总结:

    自定义对象可以使用 组合使用构造函数模式和原型模式,这样 构造函数模式用于定义实例属性,而原型模式用于定义方法和共享的属性。

    1、工厂模式 创建对象的优缺点?

    工厂模式优点:【代码复用】:接受参数,可以无数次的调用这个函数,创建Person对象,而每次他都可以返回一个包含三个属性一个方法的对象。
    工厂模式缺点:【没有解决对象识别的问题】:虽然解决了创建多个相似对象的问题,但是没有解决对象识别的问题(即怎么知道一个对象的类型)。

    2、构造函数模式 Person()中的代码和 工厂模式createPerson()的不同之处?

    1、没有显式地创建对象
    2、直接将属性和方法赋给了this对象
    3、没有return语句

    3、要创建Person对象(构造函数模式)的新实例,必须使用new操作符。以这种方式调用构造函数世纪上会经历一下四个步骤?

    1、创建一个新对象。
    2、将构造函数的作用域赋给新对象(因此this就指向这个新对象)
    3、执行构造函数中的代码(为这个新对象添加属性)
    4、返回新对象

    4、构造函数模式 创建对象的优缺点?

    构造函数模式优点:【标识】:创建自定义的构造函数意味着将来可以将它的实例标识为一种特定的类型。
    构造函数模式缺点:【方法浪费空间】:每个方法都要在每个实例上重新创新一遍。person1,person2都有一个名为sayName()的方法,但这两个方法不是同一个Function的实例。因为ECMAScript中的函数是对象,所以每定义一个函数都是实例化了一个对象。

    5、组合使用构造函数模式和原型模式 创建对象?

    构造函数模式用于定义实例属性,而原型模式用于定义方法和共享的属性。这样,每个实例都有自己的一份实例属性的副本,但同时又共享着对方法的引用,最大限度的节省了内存。而且还支持向构造函数传递参数。

    二、JS 创建自定义对象的方法

    转自或参考:JS 创建自定义对象的方法
    https://www.cnblogs.com/linququ/p/8733079.html

    工厂模式


    优点:接受参数,可以无数次的调用这个函数,创建Person对象,而每次他都可以返回一个包含三个属性一个方法的对象。

    缺点:虽然解决了创建多个相似对象的问题,但是没有解决对象识别的问题(即怎么知道一个对象的类型)。

    构造函数模式


    JS中可以创建自定义的构造函数,从而定义自定义对象属性和方法。

    ♦ Person()中的代码和createPerson()的不同之处

    1、没有显式地创建对象

    2、直接将属性和方法赋给了this对象

    3、没有return语句

    ♦ 要创建Person对象的新实例,必须使用new操作符。以这种方式调用构造函数世纪上会经历一下四个步骤:

    1、创建一个新对象。

    2、将构造函数的作用域赋给新对象(因此this就指向这个新对象)

    3、执行构造函数中的代码(为这个新对象添加属性)

    4、返回新对象

    优点:创建自定义的构造函数意味着将来可以将它的实例标识为一种特定的类型。 

    缺点:每个方法都要在每个实例上重新创新一遍。person1,person2都有一个名为sayName()的方法,但这两个方法不是同一个Function的实例。因为ECMAScript中的函数是对象,所以每定义一个函数都是实例化了一个对象。

    原型模式


    理解原型对象

    1、我们创建的每个函数都有一个prototype(原型)属性,这个属性是一个指针,指向函数的原型对象。

    2、默认情况下,所有原型对象都自动获得一个constructor属性,这个属性是一个指向prototype属性所在函数的指针。

    3、当调用构造函数创建一个新实例后,该实例的内部将包含一个指针(内部属性)[[Prototype]],指向构造函数的原型对象。

    注意:

    1、Person 的每个实例都包含一个内部属性,该属性仅仅指向了Person。prototype;换句话说,他么与构造函数之间没有直接的关系。

    2、虽然这两个实例都不包含属性和方法,但我们却可以调用person1.sayName()。这是通过查找对象属性的过程来实现的。

    当代码读取某个对象的属性时,都会执行一次搜索,目标是具有给定名字的属性。搜索首先从对象实例本身开始,如果在实例中找到了具有给定名字的属性,则返回该属性的值,如果没有找到,则继续搜索指针指向的原型对象,在原型对象中查找具有给定名字的属性。

    优点:减少了代码的重复,也可用标识来创建对象。

    缺点:1、它省略了为构造函数传递初始化参数这一环节,结果所有势力在默认情况下都将取得相同的属性值。

       2、原型中所有属性是被很多势力共享的,这种共享对函数来说非常适合,对于那些包含基本值的属性也还说得过去,但是对于包含引用类型值的属性来说,就是一个问题了,因为实例一般都有属于自己的全部属性。

             

    组合使用构造函数模式和原型模式


     

    构造函数模式用于定义实例属性,而原型模式用于定义方法和共享的属性。这样,每个实例都有自己的一份实力属性的副本,但同时又共享着对方法的引用,最大限度的节省了内存。而且还支持向构造函数传递参数。这种方式也是ECMAScript种使用最广泛,认同度最高的一种创建自定义类型的方法。


    另外还有动态原型、寄生构造函数模式、稳妥构造函数模式等方式。

     
  • 相关阅读:
    Linux curl命令详解
    drools 7 日期时间段校验
    java程序员常用查询和学习的网站
    springboot+mybatis+分页插件的使用
    Vue. 之 替换 左上角 title标签处的图标
    Github访问速度很慢的原因,以及解决方法
    vue插件总结——总有你能用上的插件
    在Java中如何高效的判断数组中是否包含某个元素
    解决vue刷新页面以后丢失store的数据
    vue路由跳转时组件data数据刷新
  • 原文地址:https://www.cnblogs.com/Renyi-Fan/p/12532342.html
Copyright © 2011-2022 走看看