Javascript 中的工厂模式和模块模式_js中模块和方法的区别是什么-优快云博客

本文探讨了JavaScript中工厂模式和模块模式的使用，介绍了如何通过工厂函数避免构造函数的问题，以及模块模式如何封装和复用对象。通过实例演示了如何创建可复用的Person和Nerd对象，以及工厂函数在继承中的应用。

工厂模式：

在 Javascript 中，您可以使用构造函数来创建对象。但是使用构造函数有一些缺点。构造函数的最大问题之一是，虽然它们看起来像普通函数，但它们的行为根本不像普通函数。如果我们尝试使用没有new关键字的构造函数，我们的程序将不会按预期工作，但不会产生易于跟踪的错误消息。

创建对象有一个更好的解决方案：工厂函数

注意：注意对象速记：

继承如何与工厂函数一起工作：

<span style="background-color:#f2f2f2"><span style="color:#292929">const Person = (name) => { 
  const sayName = () => console.log(`my name is ${name}`) 
  return {sayName} 
} 

const Nerd = (name) => { 
  /* 简单地创建一个人并
使用解构赋值语法提取 sayName 函数！*/ 
  const {sayName} = Person(name) 
  const doSomethingNerdy = () => console.log('nerd stuff') 
  return {sayName, doSomethingNerdy} 
} 

const jeff = Nerd( 'jeff') 

jeff.sayName() //我的名字是 jeff 
jeff.doSomethingNerdy() // 书呆子的东西</span></span>

工厂函数在很多方面都比构造函数更好，而且它们也更安全。

模块模式：

注意：ES6 有一个模块特性。它本质上是一种用于在 Javascript 文件之间导入和导出模块的语法。但是，它们不是我们在这里谈论的内容。

模块实际上与工厂函数非常相似。主要区别在于它们的创建方式。

这些概念与工厂函数完全相同。然而，模块模式不是创建一个我们可以反复使用来创建多个对象的工厂，而是将工厂包装在 IIFE（立即调用函数表达式）中。

在上面的计算器示例中，IIFE 中的函数是一个简单的工厂函数，但我们可以继续将对象分配给变量calculator。这对我们很有用，因为我们不会制作很多计算器，我们只需要一个。就像工厂函数一样，我们可以拥有任意数量的私有函数和变量，并且它们整齐地组织起来并隐藏在我们的模块中，只暴露我们真正想在程序中使用的函数。

七爪网 7claw.com