💎一站式轻松地调用各大LLM模型接口,支持GPT4、智谱、星火、月之暗面及文生图 广告
## 创建对象 虽然 `Object` 构造函数或者对象字面量都可以用来创建单个对象,但这些方式有个明显的缺点:使用同一个接口创建很多对象,会产生大量的重复性代码。所以为了解决这种问题,我们使用其他方式进行 ### 工厂模式 工厂模式是软件工程领域一种广为人知的设计模式,这种模式抽象了创建具体对象的过程。考虑到在ECMAScript中无法创建类,开发人员就发明了一种函数,用函数来封装以特定接口创建对象的细节,如下所示: ```js 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 0; } var person1 = createPerson("SpiritLing",22,"web"); var person2 = createPerson("XiaoPeng",21,"前端"); ``` 函数 `createPerson` 能够格局接受的参数来构建一个包含所有必要信息的 `person` 对象。可以无数次地调用这个函数,而每次它都会返回一个包含三个属性一个方法的对象。工厂模式虽然解决了创建多个相似对象的问题,但却没有解决对象识别的问题(即怎么知道一个对象的类型)。随着 JavaScript 的发展,又一个新模式出现 ### 构造函数模式 使用构造函数模式将上面例子重写: ```js function Person (name, age, job){ this.name = name; this.age = age; this.job = job; this.sayName = function(){ console.log(this.name); } } var person1 = new Person("SpiritLing",22,"web"); var person2 = new Person("XiaoPeng",21,"前端"); ``` 在上面这个例子中, `Person()` 函数取代了原来的函数。我们注意到,`Person()` 中的代码除了与 `createPerson` 中相同的部分外,还有一些区别: 1. 没有显示地创建对象; 2. 直接将属性和方法赋值给了 `this` 对象; 3. 没有 `return` 语句; 此外,还应该注意到函数名的变换,此例中 `Person` 函数首字母是大写字母。按照惯例,构造函数首字母应该大写,用于和普通函数分别。 要创建 `Person` 的新实例,必须使用 `new` 操作符。以这种方式调用构造函数实际上会经历以下4个步骤: 1. 创建一个新对象; 2. 将构造函数的作用域赋值给新对象(因此 `this` 就指向了这个新对象); 3. 执行构造函数中的代码(为这个新对象添加属性); 4. 返回新对象; 在前面例子的最后,`person1` 和 `person2` 分别保存着 `person` 的一个不同的实例。这两个对象都有一个 `constructor` (构造函数)属性,该属性指向 `person` ,如下所示: ```js console.log(person1.constructor == Person); //true console.log(person2.constructor == Person); //true ``` 对象的 `constructor` 属性最初是用于标识对象类型的。但是,提到检测类型,还是 `instanceof` 操作符更可靠一些。我们在这个例子中创建的所有对象既是 `object` 的实例,同时也是 `person` 的实例,这一点通过操作符 `instanceof` 可以得到确认: ```js console.log(person1 instanceof Person); //true console.log(person1 instanceof Object); //true console.log(person2 instanceof Person); //true console.log(person2 instanceof Object); //true ``` 创建自定义的构造函数意味着将来可以将它的实例标识为一种特定的类型;而这正是构造函数模式胜过工厂模式的地方。在这个例子中,`person1` 和 `person2` 之所以同时是 `Object` 的实例,是因为所有对象均继承自 `Object`(后续有详细解释)。 #### 1. 将构造函数当做函数 > 构造函数与其他函数的唯一区别,就在于调用他它的方式不同。 不过,构造函数毕竟也是函数,不存在定义构造函数的特殊语法。任何函数,只要通过 `new` 操作符来调用,那它就可以作为构造函数;而任何函数,不通过 `new` 操作符来调用,那它跟普通函数也不会有什么两样。如下通过两种方式调用上面的 `Person` 构造函数: ```js // 当做构造函数使用 var person = new Person("SpiritLing",22,"web"); person.sayName(); // "SpiritLing" // 作为普通函数调用 Person("SpiritLing",22,"web"); window.sayName(); // "SpiritLing"; // 在另一个对象的作用域中调用 var o = new Object(); Person.call(o,"SpiritLing",22,"web"); o.sayName(); // "SpiritLing" ``` 这个例子中的前两行代码展示了构造函数的典型用法,即使用 `new` 操作符进行实例化操作,而三四行展示了普通函数调用的方式,而最后一个使用 `call` 来改变作用域指向,在另外一个对象中调用。