🚧 Abstract Factory Pattern

Author: tangweikun

README.md

@@ -4,6 +4,8 @@
 
 [Javascript Design Pattern](https://www.dofactory.com/javascript/design-patterns)
 
+[Learning JavaScript Design Patterns](https://addyosmani.com/resources/essentialjsdesignpatterns/book/)
+
 ## Types of Design Patterns
 
 - [Creational](#creational)

TODO.md

@@ -1,7 +1,8 @@
-* [ ] 多态
-* [ ] bind/call/apply 的实现
-* [ ] Javascript 原生方法的实现
-* [ ] 使用小网页的方式来实现设计模式
-* [ ] 抽象 log helper
-* [ ] 设计原则
-* [ ] 使用 Chain of Responsibility Pattern 和 State Pattern 两种模式来写红绿灯变化
+- [ ] 多态
+- [ ] bind/call/apply 的实现
+- [ ] Javascript 原生方法的实现
+- [ ] 使用小网页的方式来实现设计模式
+- [ ] 抽象 log helper
+- [ ] 设计原则
+- [ ] doc.md
+- [ ] 使用 Chain of Responsibility Pattern 和 State Pattern 两种模式来写红绿灯变化

creational/abstract-factory/Droid.js

@@ -0,0 +1,26 @@
+function droidProducer(kind) {
+  if (kind === 'battle') return battleDroidFactory
+  return pilotDroidFactory
+}
+
+function battleDroidFactory() {
+  return new B1()
+}
+
+function pilotDroidFactory() {
+  return new Rx24()
+}
+
+class B1 {
+  info() {
+    return 'B1, Battle Droid'
+  }
+}
+
+class Rx24 {
+  info() {
+    return 'Rx24, Pilot Droid'
+  }
+}
+
+export default droidProducer