JS Factory Function

https://www.javascripttutorial.net/javascript-factory-functions/

工厂函数能够返回新的对象。创建一个名为 xiaoming 的人物对象：

```js let xiaoming = { firstName: 'xiaoming', lastName: 'Li', getFullName() { return this.lastName + ' ' + this.firstName }, } console.log(xiaoming.getFullName()) ```

Output:

```bash Li xiaoming ```

xiaoming 对象有两个属性 firstName 和 lastName ，和一个用于返回全名的方法 getFullName() 。

假设你想新建一个类似对象 xiaohua ，可以直接替换以上代码的关键字。如果你想创建更多人物，直接复制就好。

为了避免重复复制相同代码，可以创建一个创建 person 对象的函数：

```js function createPerson(firstName, lastName) { return { firstName: firstName, lastName: lastName, getFullName() { return lastName + ' ' + firstName }, } } ```

能够创建对象的函数，就是工厂函数。 createPerson() 是一个工厂函数，因为它返回了新的 person 对象。

现在使用 createPerson() 工厂函数创建两个对象 xiaoming 和 xiaohua ：

```js let xiaoming = createPerson('xiaoming', 'Li'), xiaohua = createPerson('xiaohua', 'Li') console.log(xiaoming.getFullName()) console.log(xiaohua.getFullName()) ```

对象的创建是在内存中开辟出一块空间，如果你有很多个对象，就会占用大量的内存空间。具体到 person 对象，它有一个重复的 getFullName() 方法。

为了避免在内存中重复相同的 getFullName() 函数，可以从 person 对象中移除它，另创建一个新的对象表达它：

```js function createPerson(firstName, lastName) { return { firstName: firstName, lastName: lastName, } } ```

```js const behavior = { getFullName() { return this.lastName + ' ' + this.firstName }, } ```

修改后的全部代码：

```js function createPerson(firstName, lastName) { return { firstName: firstName, lastName: lastName, } }

const behavior = { getFullName() { return this.lastName + ' ' + this.firstName }, }

let xiaoming = createPerson('xiaoming', 'Li'), xiaohua = createPerson('xiaohua', 'Li')

xiaoming.getFullName = behavior.getFullName xiaohua.getFullName = behavior.getFullName

console.log(xiaoming.getFullName()) console.log(xiaohua.getFullName()) ```

但是这样做并不利于添加更多方法，于是就有了 Object.create() 方法。

Object.create() 方法

Object.create() 方法创建新的对象，将已存在的对象作为新对象的原型（prototype）：

```js Object.create(proto, [propertiesObject]) ```

加入 Object.create() 以后的代码：

```js const behavior = { getFullName() { return this.lastName + ' ' + this.firstName }, }

function createPerson(firstName, lastName) { let person = Object.create(behavior) person.firstName = firstName person.lastName = lastName return person }

let xiaoming = createPerson('xiaoming', 'Li'), xiaohua = createPerson('xiaohua', 'Li')

console.log(xiaoming.getFullName()) console.log(xiaohua.getFullName()) ```

不是很理解这段代码。

但是在实践中，很少见到「工厂函数」，更多见的是「函数构造函数（function constructors）」或「类」。