工厂模式:
在 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