可以不使用new创建对象吗

站长

2023年03月15日 20:31 · 阅读数 33

背景介绍

这是设计模式系列的第十三节，学习的是里设计模式中Hooks模式内容，由于是资料是英文版，所以我的学习笔记就带有翻译的性质，但并不是翻译，记录的是自己的学习过程和理解。

关于设计模式前十二节的内容，在文末会有直达链接。

极简释义

使用函数而不使用new关键字创建对象。

写在前面

在工厂模式，我们可以使用一个函数来创建对象，而不使用new关键字。

比如说我们程序中会有很多用户，每个用户都有姓有名，邮箱等属性，可以用工厂模式实现：

const createUser = ({ firstName, lastName, email }) => ({
  firstName,
  lastName,
  email,
  fullName() {
    return `${this.firstName} ${this.lastName}`;
  },
});

const user1 = createUser({

**firstName**: "John",

lastName: "Doe",

email: "john@doe.com"

});

const user2 = createUser({

firstName: "Jane2",

lastName: "Doe2",

email: "jane@doe.com"

});

console.log(user1);//{...}
console.log(user2.fullName()); //Jane2 Doe2

现在我们就可以调用createUser来创建用户对象了，并且新对象调用fullName方法获取全名了。

在线调试

工厂模式在创建相对复杂些并且可配置的对象时是很有效的。另外当有些对象的键和值依赖配置得出时，也可以使用工厂模式轻松地创建：

const createObjectFromArray = ([key, value]) => ({
  [key]: value,
});
 
createObjectFromArray(["name", "John"]); // { name: "John" }

总结

工厂模式对于创建多个共享属性且相对较小对象时是很有用的。工厂模式可以轻松地创建依赖环境或者用户配置的对象。

在JavaScript中，工厂模式仅仅是一个不使用new关键字，来创建对象的方法。ES6的箭头函数可以隐式返回一个简易的工厂方法。

通常情况下，使用工厂模式比使用new关键字更节约内存。

上面的案例使用new关键字实现如下：

class User {
  constructor(firstName, lastName, email) {
    this.firstName = firstName;
    this.lastName = lastName;
    this.email = email;
  }
 
  fullName() {
    return `${this.firstName} ${this.lastName}`;
  }
}
 
const user1 = new User({
  firstName: "John",
  lastName: "Doe",
  email: "john@doe.com",
});
 
const user2 = new User({
  firstName: "Jane",
  lastName: "Doe",
  email: "jane@doe.com",
});