JavaScript工厂模式理解

我会带着你远行 2024-03-17 14:25 16阅读 0赞

工厂模式是众多种设计模式之一，这种模式抽象了创建具体对象的过程。考虑到JavaScript的模式，因此普通的工厂模式书写如下：

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 p1 = createPerson("Nico",29."Engineer");

工厂模式虽然解决了多个对象相似的问题，但无法解决对象识别问题.比如我想创建人对象，那么是object，如果我想创建狗对象，那么还是object,因此可以将工厂方法再次改造。

function Person(name,age,job){
        
    	this.name = name;
    	this.age = age;
    	this.job = job;
    	this.sayName = function(){
        
    		alert(this.name);
    	}
    }
    var p1 = new Person("Nico",29."Engineer");

他的不同点在于：

*  没有显式创建对象
 *  直接将属性和方法赋给了this对象
 *  没有return 语句

要创建Person的新实例，必须使用new操作符，以这种方式调用构造函数实际上会经历一下步骤：

*  创建一个新对象
 *  将构造函数的作用域赋给新对象(因此this就指向了这个新对象);
 *  执行构造函数种的代码(为这个新对象添加属性)
 *  返回新对象

### 笔者理解 ###

JavaScript工厂模式普通情况熟悉如代码块1就会导致无法识别出对象类型。而代码块2就可以辨别出对象，而且用到了this指针，可以辨别出对象的类型，再使用时可以new，直接创建对象实例，如果不使用new的话，就会产生一个对象undefined

发表评论取消回复

表情：

评论列表（有 0 条评论，16人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript工厂模式理解

工厂模式是众多种设计模式之一，这种模式抽象了创建具体对象的过程。考虑到JavaScript的模式，因此普通的工厂模式书写如下： function createPers

我会带着你远行/ 2024年03月17日 14:25/ 0 赞/ 17 阅读

相关彻底理解工厂模式

一般情况下，工厂模式分为三种更加细分的类型：简单工厂、工厂方法和抽象工厂。不过，在GoF的《设计模式》一书中，它将简单工厂模式看作是工厂方法模式的一种特例，所以工厂模式只被分成

忘是亡心i/ 2022年12月17日 07:08/ 0 赞/ 131 阅读

相关【JavaScript 设计模式】工厂模式

JavaScript 设计模式系列文章： [设计模式总览][Link 1] [工厂模式][Link 2] [单例模式][Link 3] [观察者模式/

妖狐艹你老母/ 2022年12月02日 15:09/ 0 赞/ 183 阅读

相关静态工厂模式、工厂模式、抽象工厂模式的理解

小白一名，感觉作者写的不错，记录一下共同学习 [https://blog.csdn.net/fghpu/article/details/77334972][https

电玩女神/ 2022年05月19日 03:29/ 0 赞/ 231 阅读

相关深入理解工厂模式

一、工厂模式 1.1定义 (在基类中定义创建对象的一个接口，让子类决定实例化哪个类。工厂方法让一个类的实例化延迟到子类中进行。) 1.2工厂模式的分类：（1）

系统管理员/ 2022年05月12日 16:42/ 0 赞/ 208 阅读

相关 JavaScript - JavaScript设计模式：工厂模式

转载博主：[文章深入浅出][Link 1] 1 什么是工厂模式? 工厂模式是用来创建对象的一种最常用的设计模式。我们不暴露创建对象的具体逻辑，而是将将逻辑封装在一个函数

痛定思痛。/ 2022年04月15日 20:37/ 0 赞/ 206 阅读

相关理解工厂模式

-------------------- title: “理解工厂模式” url: “[https://wsk1103.github.io/][https_wsk1103.

àì夳堔傛蜴生んèń/ 2022年01月29日 03:47/ 0 赞/ 185 阅读

相关 javascript设计模式 - 工厂模式

1 ：工厂模式 - 简单的说：就是创建一个对象，最后再返回这个对象！如： function createBook(name, time, type) {

亦凉/ 2021年09月16日 03:28/ 0 赞/ 334 阅读

相关 JavaScript设计模式——工厂模式

介绍将 new 操作单独封装遇到 new 操作时，就要考虑是否使用工厂模式来看代码： class Product { constru

小灰灰/ 2021年08月24日 19:11/ 0 赞/ 441 阅读

相关 JavaScript设计模式(二)【工厂模式】

// 安全的工厂方法 var Factory = function (type, content) { if (this instanc

末蓝、/ 2021年07月05日 01:05/ 0 赞/ 396 阅读