javascript工厂模式和构造函数模式创建对象方法解析
2016-12-30 09:29
615 查看
工厂模式是软件工程领域一种广为人知的设计模式,这种模式抽象了创建具体对象的过程(本书后面还将讨论其他设计模式及其在JavaScript 中的实现)。考虑到在ECMAScript 中无法创建类,开发人员就发明了一种函数,用函数来封装以特定接口创建对象的细节,如下面的例子所示。
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 person1 = createPerson("Nicholas", 29, "Software Engineer"); var person2 = createPerson("Greg", 27, "Doctor");
函数createPerson()能够根据接受的参数来构建一个包含所有必要信息的Person 对象。可以无数次地调用这个函数,而每次它都会返回一个包含三个属性一个方法的对象。工厂模式虽然解决了创建多个相似对象的问题,但却没有解决对象识别的问题(即怎样知道一个对象的类型)。随着JavaScript的发展,又一个新模式出现了。
二、构造函数模式
像Object 和Array 这样的原生构造函数,在运行时会自动出现在执行环境中。此外,也可以创建自定义的构造函数,从而定义自定义对象类型的属性和方法。例如,可以使用构造函数模式将前面的例子重写如下。
function Person(name, age, job){ this.name = name; this.age = age; this.job = job; this.sayName = function(){ alert(this.name); }; } var person1 = new Person("Nicholas", 29, "Software Engineer"); var person2 = new Person("Greg", 27, "Doctor");
在这个例子中,Person()函数取代了createPerson()函数。我们注意到,Person()中的代码除了与createPerson()中相同的部分外,还存在以下不同之处:
- 没有显式地创建对象;
- 直接将属性和方法赋给了this 对象;
- 没有return 语句。
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持脚本之家!
您可能感兴趣的文章:
相关文章推荐
- JavaScript中创建对象的方法:工厂模式,构造函数模式, 原型模式
- javascript基础(this,工厂方法来创建对象,构造函数创建对象)(十六)
- JavaScript中常见的几种创建对象的方式:基于对象扩充属性和方法、基于工厂方式创建对象、基于构造函数和基于原型
- Javascript之创建对象(工厂模式与构造函数模式)
- 一步步学习javascript基础篇(4):面向对象设计之创建对象(工厂、原型和构造函数等模式)
- Javascript之创建对象(工厂模式与构造函数模式)
- JavaScript面向对象(2)——创建对象的工厂模式与构造函数模式
- JavaScript高级程序设计之面向对象的程序设计之创建对象之稳妥构造函数模式 第6.2.7讲笔记
- javascript创建对象之工厂模式(一)
- JavaScript进阶系列03,通过硬编码、工厂模式、构造函数创建JavaScript对象
- Javascript---字面量创建对象、组合构造函数+原型模式、动态原型模式
- 对象的创建方法一之------工厂模式
- 对象的创建方法之三---组合使用构造函数模式和原型模式(最常用的模式)
- JavaScript创建对象与构造函数的实现方法
- JavaScript高级程序设计之面向对象的程序设计之创建对象之组合使用构造函数模式和原型模式 第6.2.4讲笔记
- JavaScript使用工厂方法创建对象
- 创建对象_工厂方法(Factory Method)模式 与 静态工厂方法
- JavaScript对象的创建之工厂方法
- javascript创建对象之构造函数模式(二)
- javascript创建对象之寄生构造函数模式(六)