首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

浅谈 JS 创建对象的 8 种模式

,新建一个以这个原型模板为原型的对象 //上面6种都是一样 //区别 var o7 = Object.create(null);//创建一个原型为 null 的对象 2.工厂模式 //工厂方法1 通过一个方法来创建对象...();//在 JS 中没有传递的实参,实际形参值为 undefined(这里的 age 为 undefined) createCar("tim",80).showName(); alert(createCar...showDoor 方法版本(方法有自己的作用域,不用担心变量被共享) } alert(new Car("red",2).showColor());//通过构造器创建一个对象并调用其对象方法 4.通过...Function对象实现创建对象 我们知道每声明一个函数实际是创建了一个Function 实例 JS 函数. function function_name(param1,param2){alert(param1...内属性值也会跟着变(实为引用),改进如下 6.构造器方式与原型方式的混合模式 //每个对象有专属的属性不会与其他对象共享 function Car4(sColor,iDoors){ this.

1.1K20
您找到你想要的搜索结果了吗?
是的
没有找到

设计模式——对象创建模式之工厂模式

前言 一、“单一职责” 模式 通过“对象创建模式绕开new,来避免对象创建(new)过程中所导致的紧耦合(依赖具体类),从而支持对象创建的稳定。它是接口抽象之后的第一步工作。...典型模式 Factory Method Abstract Factory Prototype Builder 二、Factory Method 工厂方法 1、动机 在软件系统中,经常面临着创建对象的工作...如何绕过常规的对象创建方法(new),提供一种“封装机制”来避免客户程序和这种“具体对象创建工作”的紧耦合? 2、模式定义 定义一个用于创建对象的接口,让子类决定实例化哪一个类。...Factory Method 模式通过面向对象【注:多态】的手法,将所要创建的具体对象工作延迟到子类,从而实现一种扩展(而非更改)的策略,较好地解决了这种紧耦合关系。...Factory Method 模式解决“单个对象”的需求变化。缺点在于要求创建方法/参数相同。

12630

Builder建造者模式对象创建

Builder 链接:建造者模式实例代码 + 解析 目的 在软件系统中,有时候面临着“一个复杂对象”的创建工作,其通常由各个部分的子对象用一定的算法构成;由于需求的变化,这 个复杂对象的各个部分经常面临着剧烈的变化...对于建造者/构造者模式,本质上也是将工厂模式(感觉所有的构造对象模式都是基于工厂)的思想而特化而来的,在工厂模式中我们关注的最小单位是类本身,类就是最小的粒度既 变化/不可分割 最小的单位,而在bulider...中最小的粒度变为了,创建对象中的每一步都是一个独立的虚函数,它们都需要重写,最后组合在一起才能构造出一个完整的对象。...模式定义 将一个复杂对象的构建与其表示相分离,使得同样的构建过程(稳定)可以创建不同的表示(变化)。 ——《设计模式》GoF 要点总结 Builder 模式主要用于“分步骤构建一个复杂的对象”。...在这其中“分步骤”是一个稳定的算法,而复杂对象的各个部分则经常变化。 变化点在哪里,封装哪里—— Builder模式主要在于应对“复杂对象各个部分”的频繁需求变动。

8810

Factory Method工厂模式对象创建

Factory Method(对象创建) 链接:工厂模式实例代码 + 解析 目的 在软件系统中,经常面临着创建对象的工作;由于需求的变化,需要创建对象的具体类型经常变化。 如何应对这种变化?...工厂模式使用了factory创建对象去将代码中直接new对象的进一步封装,从代码量和用例来看无疑是变得更加复杂了一些,但是从未来代码的维护来看,这是将下层模块和上层模块隔离**(上层模块都是调用factory...模式定义 定义一个用于创建对象的接口,让子类决定实例化哪一个类。Factory Method使得一个类的实例化延迟(目的:解耦,手段:虚函数)到子类。...Factory Method模式通过面向对象的手法,将所要创建的具体对象工作延迟到子类,从而实现一种扩展(而非更改)的策略,较好地解决了这种紧耦合关系。...Factory Method模式解决“单个对象”的需求变化。缺点在于要求创建方法/参数相同。 Eg.

10810

Prototype原型模式创建对象

原型模式:Prototype 链接:原型模式实例代码 + 注解 模式定义 使用原型实例指定创建对象的种类,然后通过拷贝这些原型来创建新的对象。...——《设计模式》GoF 目的 在软件系统中,经常面临这“某些结构复杂的对象”的创建工作;由于需求的变化,这些对象经常面临着剧烈的变化,但是它们却拥有比较稳定一致的接口。 如何应对这种变化?...原型模式本质上也是类似于工厂模式创建模式,我们先从 底层结构上来看 工厂是将创建新的对象这一子模块完全独立 原型模式是将对象本身和创建它的接口耦合在一起 从逻辑上来看 工厂是只根据输入的初始化和默认参数来创建新的对象...注:由于原型模式是加深了耦合,且必须有已有对象才能创建等诸多弊端,所以工厂模式在实际环境中使用的会更多。...Prototype模式对于“如何创建易变类的实体对象“采用”原型克隆“的方法来做, 它使得我们可以非常灵活地动态创建”拥有某些稳定接口“的新对象——所需工作仅仅是注册一个新类的对象(即原型), 然后在任何需要的地方

9310

Factory Method工厂模式对象创建

Factory Method(对象创建) 链接:工厂模式实例代码 + 解析 目的 在软件系统中,经常面临着创建对象的工作;由于需求的变化,需要创建对象的具体类型经常变化。 如何应对这种变化?...工厂模式使用了factory创建对象去将代码中直接new对象的进一步封装,从代码量和用例来看无疑是变得更加复杂了一些,但是从未来代码的维护来看,这是将下层模块和上层模块隔离**(上层模块都是调用factory...模式定义 定义一个用于创建对象的接口,让子类决定实例化哪一个类。Factory Method使得一个类的实例化延迟(目的:解耦,手段:虚函数)到子类。...Factory Method模式通过面向对象的手法,将所要创建的具体对象工作延迟到子类,从而实现一种扩展(而非更改)的策略,较好地解决了这种紧耦合关系。...Factory Method模式解决“单个对象”的需求变化。缺点在于要求创建方法/参数相同。 Eg.

9810

JS 设计模式之工厂模式创建型)

我心想,500 个对象字面量,要死要死,还好有构造函数,于是写出了一个可以自动创建用户的 User 函数: function User(name, age, career) { this.name...像 User 这样当新建对象的内存被分配后,用来初始化该对象的特殊函数,就叫做构造器。 在 JavaScript 中,我们使用构造函数去初始化对象,就是应用了构造器模式。...如果在使用构造器模式的时候,我们本质上是去抽象了每个对象实例的变与不变。那么使用工厂模式时,我们要做的就是去抽象不同构造函数(类)之间的变与不变。...现在我们一起来总结一下什么是工厂模式: 工厂模式其实就是将创建对象的过程单独封装。...3、小结 工厂模式的简单之处,在于它的概念相对好理解:将创建对象的过程单独封装,这样的操作就是工厂模式

57520

JS面向对象,设计模式基础

(function(x,y){ console.log(x,y);//1秒后执行回调函数,x='zhufeng' y='peixun'},1000,'zhufeng','peixun')单例设计模式对象...:把描述同一事物的属性和方法放在一起,实现了分组的效果,避免了全局变量污染;每一个对象都是一个单独的实例(个体/堆内存空间),所以我们把这种方案称之为“单例设计模式”// person1:命名空间 namespacevar...this.name); },1000) }}obj.fn();好用但不要乱用箭头函数没有this,函数中出现的this是其上级上下文中的this构造函数中的this是构造函数执行时创建的实例对象...ASP.NET)/C++/VB...面向对象是一个非常伟大的编程思想,而JS就是基于这个思想构建出来的一门编程语言,所以在JS中存在:对象、类、实例三个概念!!...对象JS中一切我们学习和使用的东西都是对象(研究对象)【泛指】“万物皆对象”类按照特征特点,把事物进行归纳分类【大类(父类)--> 小类(子类)】;而且类一定会赋予它的每个成员一些公共的属性和方法。

16400

第163天:js面向对象-对象创建方式总结

面向对象-对象创建方式总结 1、 创建对象的方式,json方式 推荐使用的场合: 作为函数的参数,临时只用一次的场景。比如设置函数原型对象。...(){ 9 console.log( name + 'say hi' ); 10 } 11 }; 12 //添加其他属性: 13 obj2.newProp = 123;// js...缺点: 不能作为对象创建的模板,也就是不能用new进行构造新对象。 2、 创建面向对象的方式: new Object()的方式。 不推荐使用。...14 // 第三步:然后把this 指向当前空对象 15 //在构造函数执行结束后,把空对象返回 给 p 16 17 console.log( p.name ); //p.name 从构造函数里面创建的...升级改造版本: //第三种方式有个缺点: 对象的内部的函数会在每个对象中都存一份 //如果创建对象非常多的话,那么非常浪费内存。函数的行为是所有对象 //可以共有,不需要每个对象都保存一份。

1.7K10

【设计模式】代理模式 ( 动态代理使用流程 | 创建目标对象 | 创建被代理对象 | 创建调用处理程序 | 动态创建代理对象 | 动态代理调用 )

文章目录 前言 一、静态代理的弊端 二、动态代理的优势 三、动态代理使用流程 1、目标对象接口 2、被代理对象 3、调用处理程序 4、客户端 四、动态生成 代理对象 类 的 字节码 文件数据 前言 代理模式结构...: 代理模式中的元素有 客户端 , 主题对象 , 被代理对象 , 代理对象 ; 客户端 持有 主题对象 , 调用其方法 ; 代理对象 和 被代理对象 都是 主题 的子类 ; 代理对象 持有 被代理对象..., 可以调用 被代理对象 的方法 ; 代理模式的核心 : 代理对象 与 被代理对象 都实现同一个父类或接口 , 这样在客户端使用时 , 客户端 感觉自己与 被代理对象 沟通 , 但用户实际上与 代理对象..., 动态地创建了字节码文件 , 生成了代理类 ; 三、动态代理使用流程 ---- 动态代理使用流程 : ① 创建目标对象 : 创建 目标对象 接口 ; ② 创建被代理对象 : 创建 被代理对象...(subject, args) ; ④ 动态创建代理对象 : 调用 Proxy.newProxyInstance 创建 代理对象 实例对象 , 由 JVM 自动创建代理对象类 , 然后再创建对应的实例对象

1.3K10

Abstract Factory抽象工厂模式对象创建

抽象工厂模式:Abstract Factory 链接:抽象工厂模式实例代码 + 解析 目的 在软件系统中,经常面临着“一系列相互依赖的对象工作”;同时,由于需求的变化,往往存在更多系列对象创建工作。...如何绕过常规的对象创建方法(new),提供一种“封装机制”来避免客户程序和这种“多系列具体对象创建工作”的紧耦合。 P.s....抽象工厂本质是对工厂模式的延续,在工厂模式中我们是把同一批基于同一个的基/父类的创建都使用单独的工厂创建,但是又是虽然来自不同基类的类也有相关性,此时我们将其耦合在一起使用一个工厂创建反而会提高效率也没有其它的坏处...(也可以使用装饰模式去叠加工厂,做到自定义工厂) 模式定义 提供一个接口,让该接口负责创建一系列”相关或者相互依赖的对象“,无需指定它们具体的类。...——《设计模式》GoF 要点总结 如果没有应对”多系列对象创建“的需求变化,则没有必要使用Abstract Factory模式,这时候使用简单的工厂即可。

8810
领券