美文网首页
JavaScript创建对象(一)—— 工厂模式

JavaScript创建对象(一)—— 工厂模式

作者: Bob2100 | 来源:发表于2018-09-11 21:22 被阅读0次

使用Object构造函数是js中创建对象最简单的一种方式:


var person = newObject();

person.name = 'Bob';

person.age = 18;

person.job = '全栈工程师';

person.sayName = function(){

        console.log(this.name);

}


创建对象还可以使用对象字面量的方式,像下面这样:


var person = {

        name: 'Bob',

        age: 18,

        job: '全栈工程师',

        sayName: function(){

                console.log(this.name);

        }

}


但是这两个方式有个明显的缺点:使用同一个接口创建很多对象,会产生大量的重复代码。为了解决这个问题,人们开始使用工厂模式的一种变体来创建对象。

工厂模式是软件工程领域一种广为人知的设计模式,这种模式抽象了创建对象的具体过程。考虑到在ECMAScript中无法创建类,开发人员就发明了一种函数,用函数来封装以特定接口创建对象的细节,如下面的例子所示:


function createPerson(name, age, job){

var o = new Object();

o.name = name;

o.age = age;

o.job = job;

o.sayName = function(){

        console.log(this.name);

}

return o;

}


函数createPerson()能够根据接受的参数来构建一个包含所有必要信息的Person对象。可以无数次的调用这个函数,而每次它都会返回一个包含三个属性一个方法的对象。这大大简化了重复代码的书写。

假如我们需要创建三个Person对象,如果使用Object构造函数的方式,要像下面这样:


var person1 = new Object();

person1.name = 'Bob';

person1.age = 18;

person1.job = '全栈工程师';

person1.sayName = function(){

        console.log(this.name);

}

var person2 = new Object();

person2.name = '张三';

person2.age = 20;

person2.job = 'Java工程师';

person2.sayName = function(){

        console.log(this.name);

}

var person3 = new Object();

person3.name = '李四';

person3.age = 22;

person3.job = '前端工程师';

person3.sayName = function(){

        console.log(this.name);

}


但如果使用工厂模式,只要这样:


function createPerson(name, age, job){

        var o = new Object();

        o.name = name;

        o.age = age;

        o.job = job;

        o.sayName = function(){

            console.log(this.name);

        }

        return o;

}

var p1 = createPerson('Bob', 18, '全栈工程师');

var p2 = createPerson('张三', 20, 'Java工程师');

var p3 = createPerson('李四', 22, '前端工程师');


很明显,使用工厂模式创建对象的代码要简单多了,看起来更舒服,而且创建的对象越多,工厂模式的优点越明显。

但是,工厂模式也不是没有缺点,虽然简化了创建多个相似对象的代码,但却没有解决对象识别的问题(即怎样知道一个对象的类型)。随着javascript的发展,又一个新模式出现了——构造函数模式,下一篇文章就来讨论讨论该模式。

文章参考:《JavaScript高级程序设计》第3版

相关文章

  • 【前端学习笔记】JavaScript对象的几种创建方式整理-简要

    笔记来自JavaScript高级程序设计的学习笔记。 JavaScript对象的其中创建方式。 一、工厂模式 二、...

  • JavaScript创建对象(一)—— 工厂模式

    使用Object构造函数是js中创建对象最简单的一种方式: var person = newObject(); p...

  • 工厂模式

    设计模式——工厂模式从ES6重新认识JavaScript设计模式 工厂模式主要是为了创建对象实例或者类簇(抽象工厂...

  • 原型和原型链

    一、理解原型设计模式以及 JavaScript 中的原型规则 设计模式 工厂模式 在函数内创建一个对象,给对象赋予...

  • javascript面向对象与原型

    昨天我们讲了在面向对象中创建对象的几种方式 工厂模式 构造函数模式 工厂模式创建的对象,像工厂一样来创建对象,创建...

  • 设计模式之工厂模式(一)

    介绍工厂模式 工厂模式创建对象(视为工厂里的产品)时无需指定创建对象的具体类。 工厂模式定义一个用于创建对象的接口...

  • 设计模式 -- 工厂模式

    设计模式 -- 工厂模式 工厂模式 1. 什么是工厂模式 工厂模式属于创建对象的模式。将对象的创建交给工厂进行,这...

  • javascript对象创建详解

    总结《javascript高级程序设计》第六章有关于对象创建的内容 对象创建的七种模式 1.工厂模式 通过函数创建...

  • JavaScript创建对象的高级方法

    创建对象的方法 读《JavaScript高级程序设计》所得。 工厂模式——》构造函数模式——》原型模式——》构造函...

  • JavaScript中对象的7种创建方式

    1.工厂模式 javascript 代码 工厂模式:能根据接受的参数来创建出一个person对象.也可以无数次的调...

网友评论

      本文标题:JavaScript创建对象(一)—— 工厂模式

      本文链接:https://www.haomeiwen.com/subject/zrdpgftx.html