类别:js / 日期:2022-12-19 / 浏览:246 / 评论:0
一般使用字面量的形式直接创建对象,但是这种创建方式对于创建大 量相似对象的时候,会产生大量的重复代码。但 js 和一般的面向对 象的语言不同,在 ES6 之前它没有类的概念。但是可以使用函数来 进行模拟,从而产生出可复用的对象创建方式,常见的有以下几种:
(1)第一种是工厂模式,工厂模式的主要工作原理是用函数来封装 创建对象的细节,从而通过调用函数来达到复用的目的。但是它有一 个很大的问题就是创建出来的对象无法和某个类型联系起来,它只是 简单的封装了复用代码,而没有建立起对象和类型间的关系。
(2)第二种是构造函数模式。js 中每一个函数都可以作为构造函数, 只要一个函数是通过 new 来调用的,那么就可以把它称为构造函数。 执行构造函数首先会创建一个对象,然后将对象的原型指向构造函数 的 prototype 属性,然后将执行上下文中的 this 指向这个对象, 最后再执行整个函数,如果返回值不是对象,则返回新建的对象。因 为 this 的值指向了新建的对象,因此可以使用 this 给对象赋值。 构造函数模式相对于工厂模式的优点是,所创建的对象和构造函数建 立起了联系,因此可以通过原型来识别对象的类型。但是构造函数存 在一个缺点就是,造成了不必要的函数对象的创建,因为在 js 中函 数也是一个对象,因此如果对象属性中如果包含函数的话,那么每次 都会新建一个函数对象,浪费了不必要的内存空间,因为函数是所有 的实例都可以通用的。 -对象
(3)第三种模式是原型模式,因为每一个函数都有一个 prototype 属性,这个属性是一个对象,它包含了通过构造函数创建的所有实例 都能共享的属性和方法。因此可以使用原型对象来添加公用属性和方 法,从而实现代码的复用。这种方式相对于构造函数模式来说,解决 了函数对象的复用问题。但是这种模式也存在一些问题,一个是没有 办法通过传入参数来初始化值,另一个是如果存在一个引用类型如 Array 这样的值,那么所有的实例将共享一个对象,一个实例对引用 类型值的改变会影响所有的实例。-对象
(4)第四种模式是组合使用构造函数模式和原型模式,这是创建自 定义类型的最常见方式。因为构造函数模式和原型模式分开使用都存 在一些问题,因此可以组合使用这两种模式,通过构造函数来初始化 对象的属性,通过原型对象来实现函数方法的复用。这种方法很好的 解决了两种模式单独使用时的缺点,但是有一点不足的就是,因为使 用了两种不同的模式,所以对于代码的封装性不够好。-对象
(5)第五种模式是动态原型模式,这一种模式将原型方法赋值的创 建过程移动到了构造函数的内部,通过对属性是否存在的判断,可以 实现仅在第一次调用函数时对原型对象赋值一次的效果。这一种方式 很好地对上面的混合模式进行了封装。-对象
(6)第六种模式是寄生构造函数模式,这一种模式和工厂模式的实 现基本相同,我对这个模式的理解是,它主要是基于一个已有的类型, 在实例化时对实例化的对象进行扩展。这样既不用修改原来的构造函 数,也达到了扩展对象的目的。它的一个缺点和工厂模式一样,无法 实现对象的识别。-对象
发表评论 / 取消回复