JavaScript 中创建对象的几种模式

秒速五厘米 2023-05-31 15:20 100阅读 0赞

JavaScript 中创建对象的几种模式

虽然Object构造函数或对象字面量都可以用来创建单个对象,但这种方式有个明显的缺点:使用同一个借口创建很多对象,会产生大量重复的代码。为解决这个问题,人们开始使用工厂模式的一个变体。

工厂模式

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

  1. function createPerson (name,age,job) {
  2. var o = new Object();
  3. o.name = name;
  4. o.age = age;
  5. o.job = job;
  6. o.sayName = function() {
  7. console.log(this.name);
  8. };
  9. return o;
  10. }
  11. var person1 = createPerson("saimi",22,"student");
  12. var person2 = createPerson("Joy",28,"Interviewer");
  13. console.log(person1);
  14. console.log(person2);

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01pZXZlcg_size_16_color_FFFFFF_t_70

函数createPerson()能够根据接受的参数构建一个包含所有信息的Person对象。可以无数次调用这个函数,而每次它都会返回一个包含3个属性一个方法的对象。工厂模式虽然解决了创建多个相似对象的问题,但却没有解决对象识别的问题(即怎样知道一个对象的类型)。随着JavaScript的发展,有一个新的模式出现了。

构造函数模式

ECMAScript中的构造函数可用来创建特定类型的对象。像Object和Array这样的原生构造函数,在运行时会自动出现在执行环境中。此外,也可以创建自定义的构造函数,从而定义自定义对象类型的属性和方法。例如:

  1. function Person (name,age,job) {
  2. this.name = name;
  3. this.age = age;
  4. this.job = job;
  5. this.sayName = function() {
  6. console.log(this.name);
  7. };
  8. }
  9. var person1 = new Person("saimi",22,"student");
  10. var person2 = new Person("Joy",28,"Interviewer");
  11. console.log(person1);
  12. console.log(person2);

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01pZXZlcg_size_16_color_FFFFFF_t_70 1

这个例子中,Person()函数取代了createPerson()函数。Person()中的代码除了与createPerson()中相同的部分外,还存在以下不同之处:

  1. 没有显式的创建对象;
  2. 直接将属性和方法赋给了this对象;
  3. 没有return语句。

此外,还应该注意到函数名Person使用的是大写字母P。按照惯例,构造函数始终都应该以一个大写字母开头。这个做法借鉴其他OO语言,主要是为了区别于ECMAScript中其他函数;因为构造函数本身也是函数,只不过用来创建对象而已。

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

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

引自:《JavaScript 高级程序设计 第三版》

发表评论

表情:
评论列表 (有 0 条评论,100人围观)

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

相关阅读